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This magazine was created using : 


Mnsssászali 
WELCOME TO THE LATEST ISSUE OF FULL CIRCLE. 7 rszmzáazáa / ű 


A: ever, we have more Python, Freeplane, Inkscape and the return of Great Cow Basic for you 
this month. Due to personal reasons Miguel and his Ubuntu Touch series is still out of action. 


Unfortunately, due to medical reasons, we have to say goodbye to Gord. His O8A section is 
probably one of the more popular parts of Full Circle, and Im sad to see him go. Hes been writing 
for FCM for a number of years. Hell still be in the background though. Fixing all my writing 
mistakes. IF anyone is interested in taking over the O8A section of the magazine, feel free to drop 
me an email: ronnieofullcirclemagazine.org. Otherwise, it too will be retired (like Linux Labs). 


LibreOffice 


The Document Foundation 


Having several sections being retired means the magazine will become less and less each Find Full Circle on: 
month. Nowis the time if you want to help out and write a monthly column. It can be on pretty s 9g00.gl/FERTMI 
much any topic. ALI ask is that it has some relation to Ubuntu, or (at least) Linux. Email vour ideas ca 
to me (Ronnie) at the email address above (and below). LT] facebook.com/fullcircle 
magazine 
The response to the survey has been well down on previous years, so itss still up for you to give 6 e twitter.com/t!/fullcirclemag ! 
us your comments: http://bit.ly/fcm2018. r—a http://issuu.com/zfullcircle 
(o) TEN JNE 
All the best, and keep in touch! kurd http://www.magzter.com/ 
Ronnie 8 . publishers/Eull-Circle 
ronnie ofullcirclemagazine.org 
Weekly News: 


[n] ja [n] http://fullcirclemagazine.org/F 


u a , eed/podcast 
http://www.stitcher.com/s?fi 
d-853478refid-stpr 


[n] ! s http://tunein.com/radio/Full- 
9 — Circle-Weekly-News-p855064/ 
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FULL CiIRCLE 2018 
SURVEY 


It"s that time of the year 
again where we ask what 
you think of FCM, Ubuntu, 
and Linux. 


Some guestions are a 
reguirement, some you can 
skip over if not applicable. 


Your answers will help 
shape Full Circle, so please 
use your constructive 
criticism. IFyou dont tell us 
what you think, or what 

we re doing wrong, then 
we won t know. 


Survey URL: 
http://bit.ly/fcm2018 


Submitted by Arnfried Walbrecht 


DELL PRECISION 

" DEVELOPER EDITION" 
MOBILE WORKSTATIONS RUN 
UBUNTU LINUX AND ARE 
:RHEL CERTIFIED 


hile Dell is mostly known as 
a Windows PC manufacturer, 


ithe company is also a big 
:proponent of Linux. Its "Developer 
Edition" models can be configured 
:with Ubuntu, for instance. OF 
:course, despite this branding, non- 
:developers can buy them too. The 
(XPS 13 "Developer Edition" in 
:particular is a svelte machine that 
should make many home Linux 
:users very happy. 


In addition to home users, Dell 


:manufactures solid business-class 
:mobile workstations, and the 
company recently announced four 
isuch Linux-powered models. These 
:Precision "Developer Edition" 
(laptops run Ubuntu and are RHEL 
:certified. One of these notebooks, 
:the Precision 3530, is available 
today, while the other three will be 


available soon. 


: https: 


"Today Fm proud to announce 


: the new the Linux-based Dell 

: Precision Mobile workstation line: : 
: the 3530, 5530, 7530 and the 7730. : 
These systems, which represent the 
: Fourth generation of the Precision 

3 developer editions, come 

: preloaded with Ubuntu and have 

: been RHEL certified. These new 

: thinner, lighter, premium-built 

: Precision mobile workstations 

: feature the latest Intel Core and 

: Xeon processors, blazing-fast 

: memory and professional 

3 graphics," says Barton George, Dell. 


George further says, "As 


: mentioned above, all four 

: developer editions will be certified 
: for RHEL 7.5 and the needed 

: drivers will be included in the 

: distro. That being said, the AMD 

: and NVIDIA drivers that come with 
: 7.5 are inbox drivers. We will be 

: posting drivers for both graphic 

: cards that will include professional 
: Features not included in the inbox 
: drivers." 


Source: 
betanews.com/2018/05/27 
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: dell-precision-developer-ubuntu- 
: linux-rhel 


: YOU KNOW THAT SILLY FEAR 
: ABOUT ALEXA RECORDING 

: EVERYTHING AND LEAKING IT 
: ONLINE? ÍT JUST HAPPENED 


3 I t"s time to break out your "Alexa, 


I Told You So" banners - because 


: a Portland, Oregon, couple 

: received a phone call from one of 
: the husbandss employees earlier 

: this month, telling them she had 

: just received a recording of them 
: talking privately in their home. 


"Unplug your Alexa devices 


i right now," the staffer told the 
: couple, who did not wish to be fully 
identified, "youre being hacked." 


At first the couple thoughtit 


: might be a hoax call. However, the 
: employee - over a hundred miles 

: away in Seattle — confirmed the 

: leak by revealing the pair had just 

: been talking about their hardwood 
: floors. 
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The recording had been sent 
from the couple"s Alexa-powered 
Amazon Echo to the employees 
phone, who is in the husbands 
contacts list, and she forwarded 
the audio to the wife, Danielle, 
who was amazed to hear herself 
talking about their floors. SuFfice 
to say, this episode was 
unexpected. The couple had not 
instructed Alexa to spill a copy of 
their conversation to someone 
else. 


"I felt invaded," Danielle told 
KIRO-TV. "A total privacy invasion. 
Immediately I said, "m never 
plugging that device in again, 
because l cant trust it." 


The couple then went around 
their home unplugging all their 
Amazon Alexa gadgets - they had 
them all over the place to manage 
various smart home devices, 
including a thermostat and 
security system - and then called 
the web giant to complain about 
the snooping tech. 


According to Danielle, Amazon 
confirmed that it was the voice- 
activated digital assistant that had 
recorded and sent the file to a 
virtual stranger, and apologized 


profusely, but gave no explanation 


for how it may have happened. 


Source: 


3 https://www.theregister.co.uk/201 : 


: 8/05/24/alexa recordin 


couple 


: FEDORA 26 LINUX TO 

: REACH END OCF LIFE ON 
: JUNE 1, 2018, UPGRADE TO ; 
: FEDORA 28 Now : 


f2 eeased eleven months ago, 


on July 11, 2017, the Fedora 


Almost 10,000 updated 


: packages were published for the 

: Fedora 26 Linux release during its 
: lifetime, which will end this Friday, : 
: June 1, 2018. After this date, ; 
: Fedora 26 users will no longer 

: receive security patches and bug 


fixes, nor enhancement updates 


: https: 
: fedora-26-linux-to-reach-end-of- 
: life-on-june-1-2018-upgrade-to- 
: fedora-28-now-521325.shtml 


and new packages to its software 


repositories. 


Those still running the Fedora 


release of Fedora 29. 


It is recommended that you 


; update to Fedora 28 directly as its 
: more advanced than Fedora 27, 


; 26 Linux operating system brought and because it will be supported 


: the GNOME 3.24 desktop 3 
ENYTESMÁNENEL ÉKET ÉSE package ; desktop environment, Linux kernel : 
: manager, a brand-new partitioning : 
: toolin the Anaconda installer for 
: expert setups, as well as the 

: Python Classroom Lab spin 

: designed for educators and 

: students. 


: until summer 2019. Fedora 28 
: ships with the latest GNOME 3.28 


: 4.16, and other up-to-date 
: components and the most recent 
: GNU/Linux technologies. 


Source: 
news.softpedia.com/news 


: GNU Emacs 26.1 
: RELEASED 
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G NU Emacs is a text editor that 
contains a variety of functions 


: and can be eguipped with any 
: extensions throughits 

26 Linux operating system on their : 
: personal computers have only ; 
: three days to update to the most 

: recent release, Fedora 28, though 
: they can also update to Fedora 27, 
: which will be supported for at least : 
: half a year, until December 2018 or : 
: January 2019, dependingonthe  :; 


programming interface. It includes 


: enhancements for such diverse 

: things as compiling and debugging 
: programs, handling e-mail, and 

: supporting the X Window System. 


For fun and to show what can be 
done with Emacs Lisp everything, 


: the editor also includes a 

: "psychotherapist" and various 

: games. Emacs also includes a 

: tutorial and documentation. 

: Furthermore, Emacs is universally 
: applicable and also available on 

: many other platforms. 


As Nicolas Petton announced, a 
new generation of applications is 


: available over a year and a half 

: after the last major release. The 

: version 26.1 comes with many 

: innovations and improvements. 

: From the users point of view, one 
: ofthe mostimportant new 

: features is the revision of the 

: presentation of content, which 

: among other things should 

: prevent flickering. In addition, the 
: application has been given a 

: limited form of parallelism with 

: Lisp threads. Flymake has been 

: completely redesigned and 
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optional line numbers can be 
displayed in the buffer. 


Other recent additions to GNU 
Emacs 26.1 include enhancements 
to TRAMP, which now includes a 
new Google Drive connection 
method, a one-line horizontal 


scrolling mode, and support for 24- : 
: and becoming better organized. 

: This move to the GitLab Git- 

: repository manager is a breath oF 
: fresh air, guite frankly, and should 
: really improve collaboration 

: between GNOME Project 

: contributors. 


bit color on text terminals. 
Furthermore, Emacs will be 
delivered with a matching 
systemd-unit-File. 


Source: http://www.pro- 
linux.de/news/1/25935/gnu- 


emacs-261-freigegeben.html 


GNOME TRANSITIONS TO 
GirLAB 


G NOME is one of the most 
important open source 
projects on the planet. Even if you 
use an alternative desktop 
environment, such as KDE or Xfce, 
you cannot deny that GNOMEs 
contributions have largely shaped 
the path of Linux on the desktop 
for the better. Dont forget, 
GNOMEis much more than just a 
DE -- many of its apps are essential. 
Thats probably why someone (or 
something) recently pledged to 


: https: 


donate $1 million to it - GNOME s 
existence and success is a must for 
the Linux community. 


This doesnt mean a lot for end 


: users — at least not directly or 

: initially. Developers and 

: contributors to GNOME, however, 
: should be more productive as a 

: result. After all, vou can have all 

: the talent in the world, but without : 
: the right tools, they wont reach : 
: their top potential. Eventually, end : 
: users should benefit from the 

: move to GitLab, as the GNOME 
: Project should progress at a faster : 
: pace and yield better results -- that : 
: seems to be the goal, at least. 


Source: 


FIREFOX AND CHROME BUG 


: LEAKED FACEBOOK PROFILLE : 
Today, The GNOME Foundation : DETAILS FOR ALMOST A 
: makes a very big announcement - 
: the project has fully transitioned 

: to GitLab. In other words, yes, the. : 
GNOME Project is growing up a bit : 
: the CSS3 feature called "mix- 

: blend-mode." It allowed an 

: attacker to de-anonymize a 

: Facebook user running Google 
: Chrome or Mozilla Firefox by 

: making them visit a specially 

: crafted website. 


: YEAR 


A side-channel vulnerability 


existed in the implement oFf 


The flaw, now fixed, was 


: discovered last year by the 

: researcher duo Dario Weifer and 

: Ruslan Habalov, and separately by 
: another researcher named Max 

: May. 


The proof-of-concept created 
by the researchers enabled them 


: to harvest data like the profile 
picture, username, and like" status 


of unsuspecting visitors, the 


The visual data leak could 
happen on websites using iFrames 
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: https: 
: chrome-side-channel-attack- 


: leaked-facebook-profile-details/ 


that link to Facebook in the form 
of social plugins and login buttons. 
Because of a security feature 


: called same origin policy, websites 
: cant access the content of iframes 
: directly. The researchers can 

: extract information by creating an 
: overlay on the cross-origin iFrame 

: tointeract with the underlying 

: pixels. 


While the flaw has been 


: patched for good, the researchers 
: warn that the advanced graphics 

: capabilities added to HTML and 

: CSS could open doors for more 

: attacks like these. 


Source: 
fossbytes.com/firefox- 


: LINUS TORVALDS DECIDES 
: WORLD ISNT READY FOR 
: LINux 5.0 


researchers said in their blog post. 3 
: All oFfthis could be done in the ; 
: background when a user visits a 
: malicious site. 

; betanews.com/2018/06/01 : 
: /anome-transitions-to-gitlab/ : 


inus Torvalds has decided the 
world: not ready for version 


: 5.0 of the Linux Kernel, so he"s 
: given us version 4.17 instead. 


Torvalds toyed with the idea of 
calling this release 5.0, because it 
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passed the six million git objects 
mark. But he also said version 
numbers are meaningless and he 
might not call it 5.0. 


The latter has now come to 
pass: in his regular Sunday 
afternoon (Pacific Time) state-ofF- 
the-kernel update, Torvalds 
announced that "I really didnt get 
the feeling that another week 
would help the release in any way, 
so here we are, with 4.17 
released." 


"No, I didnt call it 5.0, even 
though all the git object count 
numerology was in place for that," 
he added. " It will happen in the 
not too distant future, and Im 
told all the release scripts on 
kernel.org are ready for it, but! 
didnt feel there was any real 
reason for it." 


"IT suspect that around 4.20 - 
which is I run out of fingers and 
toes to keep track of minor 
releases, and thus start getting 
mightily confused - III switch over. 
That was what happened for 4.0, 
after all." 


Source: 


8/06/04/linux 4 17 released/ 


: UBUNTU 18.04-BASED 

: LINUX MINT 19 "TARA" 

: BETA IS HERE WITH 

: CINNAMON, MATE, AND 
: XFCE 


h, Linux Mint. This operating 


Today, Linux Mint 19 "Tara" 


: Beta finally sees release. Three 

: desktop environments are 

: available - Cinnamon (3.8), MATE : 
: (1.20), and Xfce (4.12). Allof these : 
: DEs are excellent, but the shining 
; staris Cinnamon. Tara is significant : 

: asitis based on the newest ; 
: Ubuntu 18.04 and will receive 

: updates until the year 2023. The 
https://www.theregister.co.uk/201 


included Linux kernel is version 


https: 


4.15 and not 4.17 - 
understandable, as it was only just 


: released. 


In Linux Mint 19, the star of the 


: showis TimeshifFt. Although it was 
: introduced in Linux Mint 18.3 and 
: backported to all Linux Mint 

: releases, itis now at the center of 
: Linux Mint:s update strategy and 


system has its detractors, but : communication. Thanks to 


: for the most part, it is beloved by 
: both Linux beginners and experts 
: alike. True, most of the praise is 

: due to its excellent Ubuntu base, 

: butthe Mint team understands 

: what many other distribution 

: maintainers dont -- the overall 

: experience matters. When you 

: install Mint, you are in for a 

: polished treat - it is clear that the 
: developers truly care about the 

: end users. 


: Timeshift you can go back in time 
: and restore your computertothe. : 
: last Functional system snapshot. IF. : 
: anything breaks, you can go back 
: tothe previous snapshot and its as ; 
: ifthe problem never happened.  : 
: This greatly simplifies the 

: maintenance of your computer, 

: Since you no longer need to worry 
: about potential regressions. In the : 
: eventuality oF a critical regression, 
: you can restore a snapshot (thus 

: canceling the effects of the 

: regression) and you still have the 

: ability to apply updates selectively 
: (as you did in previous releases). 


Source: 


[linux-mint-19-tara-beta/ 
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betanews.com/2018/06/04 : TV 
: AMLinux not only was updated 


: with some of the most recent 
: versions, but it suffered some 
: interesting changes, such as the 


4AMLINUX 25.0 DISTRO Hirs : 
STABLE WITH FULL ZSTD 


SUPPORT, LINUX KERNEL 


: 4.14.39 LTS 


: W ith the 4MLinux 23 series 

; reaching end of life on June 
: 3, 2018, the 4MLinux 25.0 

: operating system has been 

: promoted to the stable channelin 
: the same day, allowing users to 

: upgrade their installations as soon 
: as possible. 4MLinux 25.0 has been 
: in development for the past six 


months and includes numerous 


: improvements, updated 
: components, and new features. 


Powered by the long-term 


: supported Linux 4.14.39 kernel, 

: 4MLinux 25.0 is the first release of 
5 the Linux-based operating system 

: to ship with full support for 

: Facebooks Zstandard (Zstd) data 

: compression algorithm. It also 

: improves handling of CA 

: certificates so you wont have to 

: accept them manually and finally 

: lets users disable the login screen. 


The software collection of 


addition of MPV as default media 


. player with the GNOME MPV front- 
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end. Other media players like 
SMPLlayer, MPlayer, VLC, and Xine 
can be installed through 
downloadable extensions. 


Source: 
https://news.softpedia.com/news 
4mlinux-25-0-distro-hits-stable- 


with-full-zstd-support-linux-kernel- : 
: in upcoming devices. Also, it would 
: reguire the device to be running 

: Intel graphics. 


INTEL CLAIMS ITs Low 
POWER DISPLAY TECH CAN 
Cur BATTERY USE BY 5094 


FA Ville many announcements 
made at Computex 2018, one 


from Intel could give a sense of 
satisfaction to the users who 


the computers. Because, the 
display is the component that 
gobbles battery the most. 


Intel claims its new tech called 


Low Power Display can cut the LCD : 

: PURISM"S LIBREM 5 

: PRIVACY, SECURITY- 

: FocusED LINUX PHONE 

3 ÁRRIVES IN JANUARY 2019 


power consumption by half. To 
bring it to fruition, Intel co- 
engineered it with Sharp and 
Innolux. The two manufacturers 
are developing 1 Watt display 
panels using the technology. 


On paper, this is 3 hours more 


: https: 
: power-display-tech-battery-life- 
: half 


than whats said in the case of the 
recently announced Snapdragon 


: 850 SoC designed for Arm-based 
: Windows 10 PCs. 


Intel demoed its tech on a Dell 


3 XPS 13 featuring a low power 
: display. It goes without saying that : 


the advantage would be available 


These power efficient displays 


: could be a part of Intels efforts to 
: retain its market. It may not be the : 
: very next day, but, Arm-powered 

: PCs could be a potential threat to 

: InteVs decades of dominance. The 

: company has already lost the 

: battle in the smartphone segment. 
concerned about the battery life of 


Source: 
fossbytes.com/intel-low- 


ith the promise to be 
worldss first community- 


3 owned smartphone ecosystem, the : 
: security and privacy-focused : 
: Librem 5 managed to raise nearly 
: $2.5 million during its 

: crowdfunding campaign, and its 


now on track to be released 


: worldwide in January 2019 as 
: Purism announces today major 
: strides in manufacturing and 


: development of the mobile device. : 
; : available after launch to allow 


: users to modifyit as they see fit or 
: to develop additional apps and 
: services for the mobile phone. 


It would appear that Purism 


I already managed to finalize the 


specifications for Librem 5s 


hardware platform, placing an 

: order to its manufacturer for 

: developer kits that have the same 
: base specifications as the Final 

: design of the mobile phone. Also, 
: they managed to finalize the case 
: design and UI shell of Librem 5, as : 
: well as the Contacts and Calls apps. : 


: CANONICAL ANNOUNCES 

: UBUNTU FOR AMAZON S 

: ELASTIC CONTAINER 

: SERVICE FOR KUBERNETES 


Promising to give users the 


3 freedom they need and complete 
: control over their mobile phones, 
: Librem 5 will bear features not 

: seen in mainstream smartphones, 
: including encrypted calling, native 
: VolP (Voice over IP) capabilities, 

: end-to-end encrypted storage, 

: SMS, and email, preconfigured VPN : 
: Services, support for a wide-range 
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: https: 
: purism-s-librem-5-privacy-security- 
: focused-linux-phone-arrives-in- 

: january-2019-521437.shtml 


of Linux-based operating systems, 


. and a slot for an encryption 


smartcard. 


The device will also support 


: GSM, UMTS, 3G, 4G, and LTE mobile 
: networks, Wi-Fi and Bluetooth 

: wireless connections, and have 

: hardware kill switches for the 

: camera and microphone to prevent 
5 privacy breaches. The Librem 5s 


source code will be publicly 


Source: 
news.softpedia.com/news 


Fficially launched on Tuesday, 
Amazon Elastic Container 


: Service for Kubernetes (Amazon 


EKS) is engineered to deliver 


" Kubernetes, the open-source and 
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production-grade container 
orchestration tool as a managed 
service on the AWS (Amazon Web 
Services) cloud computing 
services. As Ubuntu is the most 
widely used container host 
operating system, especially for 
Kubernetes deployments, it can 
now be used to host containers in 
Amazons EKS. 


Designed for container 
portability, Ubuntu on EKS 
promises a set of great 
optimizations over Ubuntu on 
AWS. Among these, we can 
mention up to 30 percent faster 
kernel boot speeds, i3.metal 
support, better i3 instance class 


support with NVM Express (NVMe) :; á : 
: 583 deletions, Linux 3.2.102 was 


: released as probably the last 

: planned version of the kernel 

: released in 2012. As Ben Hutchings 
; writes on the kernel mailing list, "in : 
: all likelihood," official support for 
; the long-term kernel ended. OF 

; course you can not be sure of that, 
: because unexpected gaps or other : 


storage disks for extreme IO, 
Elastic Network Adapter (ENA) 
with support for up to 25 Gbps 
network interfaces, as well as 
continuous security updates and 
image maintenance to address 
critical Flaws. 


In the private infrastructure, 


the Ubuntu on EKS container hosts : ; 7 
: 3.2 still undergoing another 


; update. However, users should not : 
: rely onit and update their systems 
; as soon as possible. 


offer the same runtime dynamics 
as those of other Ubuntu-based 
Kubernetes deployments. It 
consists of worker nodes created 
using Canonicals brand-new 
minimal Ubuntu base image 


: https: 
: canonical-announces-ubuntu-for-  : 
: amazon-s-elastic-container-service- : 
: for-kubernetes-521446.shtml 


designed to dramatically shrink 
both the security cross-section and 


: the image size for Ubuntu on AWS. 
: This makes it easier to customize 

: Ubuntu EKS container host nodes 

: to match your enterprise needs. 


Source: 
news.softpedia.com/news 


: SUPPORT FOR LINUX 3.2 
: AND 4.1 FINISHED 


ith a total of 151 modified 
files, 1139 insertions, and 


circumstances could lead to Linux 


Also users of Linux 4.1 are to 


subject their systems to an update. 
As with Linux 3.2, the release of a 


: new version - in this case Linux 

: 4.1.52 at the end of May - also 

: marks the cessation of support. 

: This can be checked, for example, 
: on "Active kernel releases", where 
: only four supported versions can 

: stillbe found. 


In addition to the kernel 3.16 


: maintained by Ben Hutchings, 
: which will be updated until at least : 
: April 2020, users will also be able 

: to access the Greg Kroah-Hartman 
: supported kernel versions 4.4, 4.9 
: and 4.14. With version 4.9, 

: however, it should be noted that it ; 
: will only be supplied with updates 
: for a good half a year. ; 
: Alternatively, LTS kernel variants of : 
: the distributors can be imported or ; 
: adapted. These are maintained ; 
: directly by the manufacturers and 
: are subject to other support 

: periods. Details and support 

: periods can be found in the 

: corresponding products. 


Source: https://www.pro- 


: linux.de/news/1/25965/unterst9eC ; 
: 396BCtzunag-fF90C396BCr-linux-32- 
: und-41-beendet.html 
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GiTLAB ULTIMATE AND 


: GITLAB GOLD FOR OPEN 
: SOURCE PROJECTS FOR FREE 


3 M icrosoft"s announced 
: acguisition of Github, due to 


: be completed by the end of the 

: year, has triggered a lot of 

: speculation and reaction. The most 
: plausible theory of why Microsoft 

: is spending $ 7.5 billion on the 


platform is the lock-in effect 


: created by the proprietary code 

: that powers Github. Projects that 
: use Github can not switch to 

: another platform without leaving 


much of their data behind, 


: including all information and 
: discussions about errors and user 


preferences. Because there is no 
way for Github to export this data. 


: Already years ago, the FSF had 

: warned against dependence on a 
: provider and pointed out that 

: Github does not even begin to 

: FulFillits criteria for "ethical" 

: project hosting sites. 


In response to the increased 
interest, GitLab has now 


: announced that its fee-based 

: project hosting packages GitLab 

: Ultimate and GitLab Gold are now 
: free for open source projects and 


educational institutions. GitLab 
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Ultimate is a package that runs on 
customer-owned servers while 
GitLab Gold runs on GitLab servers. 
Entitled are all non-profit 
educational institutions and all 
open source projects with OSI 
recognized free licenses. Again, the 
exclusion of projects that achieve 
profit directly with the software 
applies. Compared to the freely 
available community edition of 
GitLab both packages contain 
additional functions, only support 
is excluded. If support is needed, it 
can be purchased for five percent 
of the regular price, $ 4.95 per user 
per month. 


: . Source: http://www.pro- 
linux.de/news/1/25968/gitlab- 


ultimate-und-gitlab-gold- 


f7C39BCr-open-source-projekte- 


kostenlos.html 
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Tailwind CSS 


Written by Lucas Westermann 


his past month has been spent : 

streamlining my development 
process, in order to more guickly 
create prototypes and advance 
onward to finalized styles. Part of 
this included watching a video 
from Adam Wathan (one of the 
creators of Tailwind CSS). In this 
video on YouTube, he used 
Tailwind to guickly create the new 
https://refactoringui.com/ design. 
It inspired me to give it a shot, and 
this article will offer some 
examples, and my insights. 


massively by using their tailwind.js 


; file. 


: WHY? 


: Prototyping typically reguires a : 
: bit of back and forth on different 
: CSS settings, and the defFaults 

: shipped with Tailwind (and the 

: ability to customize it) are 

: perfectly sane. So instead of 

: jumping between an HTML file and : 
: a CSS file (and possibly waiting for 
: your preprocessor to compile), you : 
: LrZeaZ/ - This is Part 2, where we 


: caninstead stick to the HTML view 


WHAT IS TAILWIND CSS? 


Tailwind CSS is a framework ; 
that offers utility classes (similar to : 
some functional CSS frameworks).  : 
The utility classes essentially store : 
typical CSS settings in a class - such : 
as the class "shadow" instead of 
defining a shadow by hand. 
However, it also offers a function 
"(0oapply" to apply a combination : 
of classes within CSS, which can cut : 
down on the repetition that 
appears in HTML. This is a feature I 
did not know about, until using it. 
You can also customize Tailwind 


: and simply attach classes as you 
: need to the various elements. I find : 
: this approach is much faster than 


jumping between HTML and CSS, 


: and also gives you a starting point 


for appearance (as opposed to 
creating your own default 


: shadows, borders, backgrounds, 
: etc.) 


Then, once you ve prototyped 
the system, you can reduce 


: repetition of classes by creating 

: your own custom class names and 
: styles, and using the exact settings : 
" from the prototype thanks to 


(eoapply. For examples please see 


: the codepen and following 
: sections. 


: PREAMBLE 


: offers. 


: extract repeated combinations of 
: custom styles. 

Note: To view the HTML in the 

: above examples, youll need to 


: change the view to "editor view", 
: orview the source of the page. 


3 and npm installed. 


reguired) using something like 


: with Emmet (automatically 


GETTING SET UP 


: e Create a folder you want to work 
: on this project. 


: e Visit one of the codepens listed 


In order to follow along with 


use only the utility classes Tailwind : 


e https://codepen.io/lswest/full/ 


classes, and turn them into our 


Youll also need to have nodejs 


: : above, and copy the contents oF 
: this article (and to have easy access : Kő 


: to all the files I used), I created the : 
: following two codepens: 


: s https://codepen.io/lswest/full 
: XYKVVW/ - This is Part 1, where we : 


the package.json file into vour own 


: package.json file 
: "Run npminstall to install all the 
: relevant packages. 


e Run 
./node modules/.bin/tailwind init 


: in order to generate your own 

: tailwind.js File. 

: s Visit the first codepen above, and 
: copy all the files into the relevant 

: locations (listed in the pen). 

: s Once the files are in the correct 

: locations, youll want to run either 
: npm run or npm run watch. This 

: will run webpack and generate the 
: ./dist/styles.css File. 


3 Note: If voure installing these 
: packages by hand into a custom 
: package. json file, at the time of 


: writing you will need to install 


I would also recommend (not 
Atom or Visual Studio Code set up 


available in Code). 
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extract-text-webpack-pluginonext 
: (the beta version) forit to be 
: compatible with Webpack 4. 
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Note H2: While Tailwind is 
available via CDN, using it removes 


some of the flexibility, as you have : 
: prototyping phase, where we 

: utilized the Tailwind CSS utility 
: classes. 


no control over the tailwind.js file. 
IFyou just want to try it out, feel 
free to use the CDN. If, however, 
you re looking to customize it, 
definitely use some form oF 
precompiler as explained in the 
documentation. 


EXPLAINING THE HTML 


In both codepens, the HTML is 
pretty similar. I used pre tags (for 
preformatted) to ensure the 
formatting of the files worked 


header to indicate what project 
this is. The majority of the 
boilerplate was generated using 
the emmet html:5 abbreviation, 
and then the viewport was added 
(meta:vp). 


I originally threw all the content 


into the file using blank HTML 
elements. This means the header 
originally looked like this: 


cxheader: 


ch1:Command §amp; 
Conguer: Tailwind CSSc/h1: 


£/header: 


None of the HTML is too crazy, 
and so I will leave the explanation 
here. What follows now is the 


: ADDING UTILITY CLASSES 


Anyone who has copied the 


: HTML from my first codepen link, 
: will notice thattherearealotof  : 
: styles added. Il run through some : 
: of the classes, but they are 
: generally self-explanatory. 


: body class-"font-sans 
: leading-tight antialiased h- 


alright, and simply included a small : ssreen"s 


Zxheader class-"bg- 


: orange": 


ch1 classz"text- 


: center text-grey-lighter py- 
: 8"5Command §amp; 
: Tailwind CSSc/h1: 


Conguer : 


c£/header: 


Icmain class-"container 


: mx-auto mt-16"5 


This is the first 5 lines of the 


: pen. The first class on the body tag : 
; are telling the browser to use the 
: font-sans class, which is where ; 
: Tailwind defines a sans font family. : 
. The other classes are simply 


informing the browser to antialias 
the fonts, and apply tight leading 


: (a typography term referring to 
: the vertical spacing between lines 
3 of text). 


The header gets the default 


: orange as a background, and the 
: h1 is centered, made a light grey 
: color, and receives padding on the 
: y-axis (top and bottom) of "8". This : 


a S defined in the tailwind.js File, : above). Once vourre ready to go 


: into production (or if voure 

: following a style guide), then I 

: would highly recommend removing 
: all unnecessary colors, and 


, , . : adding/editing them to match the 
The main element is a container : 


: (where the width is limited based 
: on screen size), and the mx-auto 

: dass adds auto margins on the 

: left/right (x-axis). This essentially . : 
: centers the container in the middle ; 
: of the screen. The mt-16 adds 
: padding to the top. By default 3 
: tailwind.js only defines up to mt-8. : 
: In order to add mt-16 like Fm using, 
: youll need to add the following 

: line: 


and by default is 2rem (for a total 


: of 4 rem, split between the top 
and the bottom). These numbers 
: (by default) are the rem value " 4. 


"16": "4rem!, 


This line should go at the end of 
the margin array (simply search the 5 
: File for "margin:"). Once webpack 


has recompiled the styles, voull 
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have access to mt-16. 


: CUSTOMIZING TAILWIND 


As you saw at the end of the 


: last section, changing settings and 
: defaults for Tailwind is extremely 
: simple. For prototyping something, 
; you may not want to remove any 
: defaults, and instead simply add to 


it (as we did with the margins 


given styles. This will reduce the 


: resulting CSS file immensely (as 
: each coloris used for backgrounds, 
: text and borders). 


Naturally, as vou continue your 


: project, vou may need to adjust 
: screen sizes, margins, shadows, 

: etc. - which you are free to do at 
: any time. I simply recommend 

: starting with the colors, as these 
: are fundamental, and can have a 
: large impact on the number of 

: classes. 


THE DESIGN 


The design of my codepen is 
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pretty simple - I chose an orange 
color because that is prevalent in 
Full Circle Magazine, and 
otherwise just stuck to grey and 
black for legibility. 


Il make ample use of the 
inline/block, overflow, rounded, 
and the bg/text classes. The 
rounded class simply rounds the 
corners of the pre tags, and the 
inline/block classes add 
displayv:inline or display:block to 
the elements. The overflow-x-auto 
is used on the pre tags to avoid 
text running outside of the grey 
background on smaller devices, 


overflow-y-auto and a height (64 - 


the file - I wanted to keep the 
HTML file from getting too long, 
and the webpack file will remain 


This prototype took me less 
than 10 minutes in total (to the 
state of codepen part 1). While it 
isnt the most complex, its also 
visually attractive enough to leave 
it be at that point. I would have 
previously either had much less 
polished CSS, or simply not be 
finished at this point. 


THE REPETITION 


Instead of removing all the 


: classes from Tailwind and doubling : 
: my efforts by giving every element : 
: specific styles or a specific class, I 
: instead focused only on those 

: elements I repeated. This is 

: essentially 3 styles to define: 

: § code blocks (block display, grey 
: background, vertical padding of 

: 2rem, rounded corners, and 

: overflow-x: auto;) 

: s pre-in the process steps, I repeat : 
: "inline" classes a lot. As such, I 
: made the display: inline; the 

: default one, and simply added 
and the webpack.config.js file gets : class-"block" to the file tree, and 
: integrated it into the code class. 

16rem). This is due to the length of : . 43 - These should be orange. 
: While itis a single class that we are : 
: replacing, imagine if you decide 
: you want to use a red color? You 
unchanged throughout this article. : wouldn"t want to define "orange" 
: as ared color, nor would you want 
: to adjust a bunch of styles in 

: various HTML locations. Instead, I 

: use an element selector, and 

: simply move the text-orange 

: setting into CSS. This way any 

: changes occurin one location. 


: USING OAPPLY 


Using Oapply is extremely 


; .py-4 
: auto 


simple. After the imports in the 
src/styles.css file, vou simply 


: define your class as normal, and 


then write oapply cclasses from 
HTML:. Do keep in mind that you 


: need to add a period in front of 

: the class names if you copy them 
: directly from the HTML, as you are : 
: writing CSS selectors. Example: — : 


: .code ( 


apply .block .bg-grey 
.rounded . overflow—x- 


54 


When webpack recompiles the 


: File, this oapply will be replaced 
: with the actual styles from the 

: classes listed. For the other two 

: styles, check the second codepen 
: for the contents of my 

: src/styles.css File. 


: EXTRA FEATURES 


Tailwind also offers special 


: casses to allow you to define 
: styles by screen size, or to style a 
: hover state. For example: 


: button class-"w-full md: w- 
: 1/3 hover:bg-orange": 


: Button 


£/button:z 
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The classes in that example 


: defines the buttons width to be 
: 10096 by default. On medium 

: devices (breakpointis defined in 
: tailwind.js) the width is then 44, 

: and on hover the background 

: should become orange. 


IFyou want to use these classes 


in oapply, vou will need to remove 
: the definition before the colon. So 
: forthe hover state: 


3 button:hover ( 


gtapply .bg-orange 


Similarly with the md, youd 


: need to place that within a media 
: guery. 


: NEXT STEPS 


Once you ve created your 


: website using Tailwind CSS, you 

: may want to reduce the file size of 
: your CSS. This can be done by 

: removing unused settings from the 
: tailwind.js file, and possibly 

: adjusting the modules available. 

: The documentation for Tailwind 

: has details here: 

: https: 
.  olling-file-size 


tailwindcss.com/docs/contr 
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CONCLUSION 


I hope this article is of interest 
to some people. Hopefully it will 


out Tailwind after having 
previously dismissed it (as I 
originally did). If this was 
interesting, but youre more of a 
designer than a developer, feel 
free to look at Refactoring UI. IF 
you enjoyed this format of article, 
please let me know by writing to 


you want to reguest an article, or 
see something that needs to be 
corrected, I can be reached at the 
above email for that as well. 


FURTHER READING 


: https://refactoringui.com/ - Project 
: by Steve Schoger and Adam 
: Wathan where they offer design 


also encourage a few people to try : tips 


: https://youtu.be/17OBIXY2C 0 - 

: The video I refer to in the 

: introduction. Adam Wathandoes  : 
; stream a lot of live coding, if that is : 
; ofFinterest to you as well. ; 


: httos://tailwindcss.com/docs/what 


(Agmail. IZ Ses EE 
me at Iswest34--fcm(ogmail.com. IF " ja-tallwine - The Tailwind CSS 


; documentation. 


a 


Lucas has learned all he knows from 
repeatedly breaking his system, then 
having no other option but to 
ASZT how to fix it. You can email 
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ast month, I told you that we 


would build a GUI client for our : 
sensor project, so lets get started. : 
: (not too many and not very hard, 
: but extra steps nonetheless5). FIL 
: assume that you will be using Linux : 
: (rather than Windows or MacOS) 


IFyou set the wayback machine 
for February 2012 and open Full 
Circle Magazine issue 58, you will 


find an article written by me about : 
: plenty of instructions included in 
: the Page package for the other 

: operating systems. 


Page a Tkinter GUI designer for 
Python. It was a two part article 
finished the next month in issue 
59. Well, Page is still around and 
still being actively maintained and 
has gone through many changes 
since then. Page runs on Linux, 
Microsoft Windows, MacOS and 
the Raspberry Pi. The current 


version is 4.14 and can be found on : 
: free community Tck/Tk that you 
: can download from 

: https://www.activestate.com/activ : 
: etcl. ; 
project so head up there and pull it : 


his sourceforge website at 
https://sourceforge.net/projects 
age/ . You will need to download 
the latest version to continue this 


down. FIIl wait for you. 


ti daaaa ti daaa. 
See, it didnt take very long. 


installation, you need to decide if 
you are going to put Page on your 


HOW-TOÓ 


Written by Greg Walters 


3 local computer, vour Raspberry Pi 


or both. The reason for this is that 
the RPi needs some extra steps 


for this install. If not, there are 


Page uses the Tel and the Tk 


: Tkinter toolkit to make the GUI. 

: Most Linux distros come with Tcl 
: andTk alreadyinstalled. That 

: being said, itis agood idea to get 
: the latest and greatest ActiveTcl, a : want. The Page program will run 
: from this folder, so make sure that : 


: itiseasy to get to. 


In a terminal, type: 


3 tar zxf /path/to/ActiveTcl- 
Hmmm humm hummmmm. Laaa : download. tar.gz 


Change to the folder you 


: extracted the files to and run the 


Now, before we start talking about : installer script. You should do this 


" as root, since the installation goes 


: sudo 


./install.sh 


; export PATH-"/opt/ActiveTcl- 
: 8.6/bin:$PATH" 


Now in a terminal, change to 


3 your Page folder. It is named 
: page. Type: 


! ./configure 


: within the page folder that will 
: create the script that will invoke 
: Page. Finally, check to seeifthere : 
: are any "pagerc filesinthe main : 


folder and remove them if there 
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into the opt folder. In the terminal 3 are. 


: type: 


IF you are running Page on the 


: Raspberry Pi, Tcl and Tk are not 
: installed by default in the latest 
Finally, vou need to ensure that : 
: your PATH variable includes the 
: directory that contains the 

: installed executable files. In the 
: terminal type: 


Raspbian distribution. However 


3 they are available in the 
: repository. In a terminal, you will 
: need to type: 


; sudo apt-get install tcl tk 


Once you ve done this, install 


, . Page as above. 
Thatsit for Tcl and Tk. Now we : 


3 can unpack the Page distribution. 
: (I use the file manager to unpack 
: Page. You can putit wherever you : 


One thing worth mentioning 


: here. There is a wonderful PDF 

: tutorial that comes with Page. Itis 
: located in the "docs/tutorial/ 

: folder and is called Learning Page 
: - A Python GUI Designer" 

: (shameless self promotion written 
: by me). 


: STARTING PAGE 


In a terminal, change to your 


3 Page folder and type: 


: ./page 


This will bring up the Page 
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system and open five windows on 
your desktop. From the top left, 
clockwise, these windows are: 

e The main Page control window 

e The Attribute Editor 

e The Widget Tree 

e The Toolbox 

e And finally, in the center, is the 
blank topmost widget. 


IfFyou dont remember the 
original articles on Page, you 
basically click on a widget in the 


toolbox, then place it by clicking on 5 
: then come back to this project. 
move the new widget, resize it, set : 


the topmost widget. You can 


its attributes in the attributes 
editor, and then do it again until 
you have your UI looking the way 
you want. When you are finished 
designing the UI, you use the main 
control window to save the three 
files generated by Page. The first 
file is the .tcl file, the second is the 


file is the Python Support module. 


back, to allow the majority of the 
code to be put into the support 
module and not have to make 
many changes to the base UI file. I 
will walk vou through the process, 
so dont worry. FIl go really 


problems, you can run through the 
Page tutorial to get up to speed, 


r 


MOTT Client 


Last Message Received: 
Humidity: 


Temperature: 


Ouit 


We will be creating a very 


: simple UI for our client. When its 
: launched, it will connect to the 

: MOTT broker, subscribe to the 

: Temperature and Humidity topics 
: and when those messages are 

: received, display the Temperature. : 
: and Humidity values, as well as the : 
Python GUI definition and the third : 
: in label widgets. So there will be 6 
This changed a number of versions : 
: prompts and three active that will 
: provide the visual data from the 

: sensors. The three active labels 

: have the relief, or outline, set to 

: sunken to make them stand out 

: from the staticlabels. There will 
guickly, so hold on. Ifyou have any : 
: close our client. All of the widgets : 


time and date of the last message 


total labels, three static as 


also be a single button that will 


reside on a frame to group them. 


I The topmost widget in this ; 
: example is about 500 pixels by 255 : 
: pixels. 


The finished UI should look 


; something like the one shown 
: above. 


Once you have Page up and 


running, move the topmost widget : 
: somewhere close to the centre of 
: the screen and resize it using the 

: resize handles on the corners and 
: sides. Next, using the Attribute 

: Editor, set the Alias to 

: "mgattclient" and the title to 

: "MOTT Client". Now add a frame 
: widget to hold all of our other 

: widgets and make it look 

: something like the image. 


Now put the six label widgets 
organized into three rows of two 
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labels each, again making the 
layout look something like our 


: finished image above. Now here is 
: the part thatis a bit tedious. We 

: need to set the attributes for each 
: label. The three static labels are 

: pretty easy. We will not set an 

: alias for them, since they are just 

: static. We do, however, need to 

: setthe text. Select the top left 

: labeland thenin the Attribute 

: Editor, scroll down until you see 

: the text" attribute. It should read 
: (label right now. Changeit (click 

: on the entry box) to Last Message 


Received:. Now move to the next 


: one down, click it to select it and 

: changeits text attribute to 

: "Humidity: and finally change the 
: text attribute of the bottom left 

: label to Temperature". 


Move to the top right label and 
select it. We have a number of 


: attributes to set for these. First, 

: we need to set the alias to 

: "(IblLastMessage". This names the 
: label widget for easy 

: identification. Next scroll down a 
: bitin the Attribute Editor until you 
: find relief. Clicking on the entry 

: field will provide you a set of 

: options. Select sunken. Finally, 

: scroll down a bit more and find the 
: text variable attribute. Put 


"LastMessage into the entry box. 
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This will allow us to dynamically 
change the data in this label. 


The next label down will have 
the alias set to IblHumidity, the 
relief setto sunken and the text 
variable to HumidityValue" (one 
word). Finally do the bottom right 


the relief to sunken and the text 
varto TempValue . 


to btnOŐuit. Look down just a 
little bit in the Attribute Editor for 
the command! attribute. This is 
where we will put the name of the 
function that will be called when 
the button is clicked. Enter 

"on btn0Ouit. Finally set the text 
attribute to Ouit. 


Now we are ready to save our 
UI code. First, on the main Page 


menu. Select a folder to save the 
file into and save the file as 


"mattclient.tc!. Once you have the : 


.tcl file saved, find the 
"Gen Python menu item and click 


it. Select the first option "Generate : THE CODE 


Python UF. It will show you the 
python UI code in a simple editor. 
Click on the Save" button. Again, 
select the Gen Python menu 


item, but this time, select the 
second option "Generate Support 


: Module". Again, the simple code 

: editoris shown, this time with our 

: support code. Click save. Allthree : 

: code files are nowin the same 

: folder. You whont have to mess 

: with the .tcl or the mattclient.py 

label and set the alias to lblTemp , : 

: something in the main UI. The file 

: we will be working with will be 

: mattclient support.py. Open this 
The last thing we need to put in : 

our GUL is the button. Set the alias : 


file unless vou need to change 


in your favorite code editor. 


: .  Pagehas donealotofthe work : 
: for us when it comes to the GUI 
: itself. IFyou were to run the 

: "mattclient.py file right now, 

: everything should look like the 
: sample image I showed you earlier. : defined as "StringvVar()" which is a 
: Our code will be providing the glue : 
: that binds all the widgets with the : 
: data coming from the broker. 

: However, if you click on the "Ouit" 
: button right now, nothing will 
window, select FilelSave" from the : 
: any code of our own to control 

: what happens when the button is 
clicked. So you have to click on the : 
: "X" inthe top of the window. 


happen, since we havent written 


: Now wellstart dealing with our : 
code. The first thing is to expand 


the import section to include the 
paho library, the datetime library 


: and the locale library for printing 
: the date/time properly. Page has 


already entered the sys library 


: import for us. Below that, put in 
: the following lines. 


: import paho.mgtt.client as 
: mgtt 


: import datetime 


; Import locale 


Now scroll down a bit until you 


: This function, putin by Page sets 
: up the global variables that we will : 
: be using to control our dynamic 
: labels. Notice that these are all 


special type of string defined by 


: Tkinter. Now find the function 
: ton btnOuit(). This isa CALLBACK : 
: function thatis used when the 

: Ouit button is clicked. There are 
: already two lines of code there 

: from Page. Add the following lines : 
: below them: 


t client.loop stop() 


; destroy window () 


The first line is currently 
commented out since we havent 


. defined the client yet. Well 
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; lang — "en US.utf8" 
: your locale here 


: see a function called "set Tk var(). : 
: : Jocale.setlocale(locale.LC AL 


: L, lang) 


uncomment this in a few minutes 
but will allow you to run the UI and 


: use the Ouit button. The 

: destroy window() function is 

: written for us (again by Page) to 

: properly close and dispose of the 
: UI. 


Nowin the init() function that 


3 Page set up for us, add the 
: following four lines at the bottom 
: ofthe routine. 


t Put 


: set our globals() 


; start up() 


The init() function is run right 


3 before the Ul is shown to the user, 


so any code that we need to run to 


: set up variables and widgets, or 
: calls to startup functions should be 
: put here. We want to make sure 


that our code is the last thing to 


: run. We set lang" to whatever 

: your locale settings should be. For 
: example, in the line above, I use 

: "en US.utf8" since I live and think 

: "U.S. English". IF however, I were 

: able to wrap my old brain around 

: the date/time format in the UK, I 

: could use "en GB.utFf8". (I tested it 
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and it worked but started causing 
me to get confused). IF, on the 
other hand, I lived in Norway, I 
would use "nb NO.utf8". 


The set our globals() function 
defines the ip address of the 
broker (I assume it is running on 
your RPi, so you will use the RPi s 
address) and the two topics that 
we will subscribe to. IF, when you 
programmed your DHTXX code 
last month you changed these 
topics to something else, make 
sure that the topic names match 
what your sensor program is 
publishing. Put this code (shown 
top right) right after the init() 
function. 


Next, we will write our 
start up() function (shown middle 
right). This is the code that gets 
everything going. 


Notice that we instantiate the 
matt client and set two callbacks 
as we did in our RPi code. After 


that, we connect to the broker and : 
: function, we simply send a 
client.subscribe() call to the broker : 
: to make sure we get the messages. : 


call the subscribe to topics() 


function. Finally we start the client ; 


into a loop. Unlike a console 


def on connect (client, userdata, 
rc-(0)!" . format (rc)) 


print("!on connect: 


def set our globals(): 


global MOTT SERVER, MOTT PATH1, MOTT PATH2 


MOTT SERVER —- 
MOTT PATH1 
MOTT PATH2 


def start up(): 
global client 
client - mgtt.Client () 


"192" 168-1 224" 
" greghouse/dht22/humidity" 
" greghouse/dht22/temperature " 


client.on connect — on connect 
client.on message - on message 
client . connect (MOTT SERVER, 1883, 60) 


subscribe to topics() 
client.loop start () 


: program, we dont call 

: client.loop forever(). This is 

: because the loop forever() 

: function creates a blocking call 
: which will not allow our GUI to 

: ever update or respond to the 

: mouse. The loop start() call, 

: however, does not create a 

: blocking call, so we can use it to 
: create the client listen loop (shown : 
: bottom right). However, we need 
: to use the loop. stop() call before 
: we end the program to stop the 

: client. 


In the subscribe to topics() 


flags, rc): 


H$ Start the client loop. 


def subscribe to topics() : 


t Enter the IP address of your broker 


Replaces loop forever() 


global MOTT PATH1, MOTT PATH2, client 
client .subscribe(MOTT PATH1, gos-1) 
client .subscribe (MOTT PATH2, gos-1) 


: Here we use the 
: celient.subscribe(topic,gos) method : 
: to include the OOS value of 1, 
: since the RPiis publishing the 
: messages with a OOS of 1. 


Our next function is the 


on connect() callback function 

: (shown bottom left). Once we get 
; a connect ACK back from the 

: broker, this routine is called. We 

: simply print that we are connected ; 


to the terminal. 


Now this is where the "magic" 
happens. The on message() 
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3 callback function (shown next 


page, top right)is run whenever a 


: message comes in from the broker. 
: We will handle any messages 

: coming from the broker to us. We 

: use an if/elif/else tree to handle 

: the messages. First we get the 

: time and format it into a U.S. 

: date/time format, then first check 

: toseeif the word humidity" is in 

: the message topic. IFit is, we take 


the data (message.payload) and 


: use the .set() method of the 

: humidity label text variable to put 
: the data into the label. Next we 

: use a similar scheme to check to 

" see if temperature" is in the 


ref contents A 


HOWTO - PYTHON 
message topic and put that data 
into the label. Finally, if we get a 
topic that we arent set up for 


(which should not happen, but can) 3 


we print the topic and message to 
the terminal window. Finally, we 
place the message date/time 
string into the proper label. I can 
only be sure that the datetime 
format shows as a U.S. datetime 


that I have been able to do, it 


should work in whatever language. : 


you use based on your locale 


you to use 
locale.setlocale(locale.LC ALL, 
lang) before the tim - datetime... 
line, but seems to be discouraged 
by the majority of Python 
programmers. 


Thatis all the code we need to 
line client.loop. stop() in the 


on btncClick() function so the 
program can shut down properly 


and then run your program. If your : 


RPi is still publishing at a rate of 
one update every 5 seconds, you 
should see your data come 
through. 


All three code files (7.tcl, ".py 
and " support.py) have been 
placed on pastebin. The addresses 


def on message(client, userdata, message) : 
tim - datetime.datetime.now() .strftime("$sx SX!) 
print ( " Topic-(0) Message-(1)!" . format (message.topic, 
if "humidity! in message.topic: 
HumidityValue.set (message.payload) 
"temperature"! in message.topic: 
TempValue . set (message .payload) 
else: 
print ( unknown topic - (0) - (1)! .format (message.topic, 
LastMessage.set(tim) 


elif 


: are: 
format. According to the research : 


: mattclient.tcl File - 
: https://pastebin.com/1e41SpNc 


: mattelient.py - 
setting. However, it might reguire ; HA s: 44 


astebin.com/xiUPwaJu 


mattclient support.py - 
: https: 


astebin.com/byBuHPyX 


Im not sure what well be 


3 presenting next month, but : 
: hopefully it will be fun for all of us. 


: Until then, HAVE FUN! 
do. Remember to uncomment the : 
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message . payload) ) 


message . payload) ) 


e 


Greg Walters is owner of RainyDay 
Solutions, LLC, a consulting company 
in Aurora, Colorado, and has been 
programming since 1972. He enjoys 
cooking, hiking, music, and spending 
time with his Family. 
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A: the saying goes, a picture 
paints a thousand words. 


Icons and images in your mind map : 


: [dol 8 8 


create a link between the visual 
and the language centers of your 
brain. This promotes learning and 
imagination. When you see the 
word fruit, vou dont see the 
letters in your mind, but you see 
images of what fruit are. By using 
icons and images in your mind 
map, you link to vour minds 
natural tendency. 


Freeplane includes a set of 
useful icons. Although the icons 


have recommended meanings, you : 


can use them in a way that makes 
sense to you. Is an exclamation 
point a warning or emphasis? Its 
up to vou and what it triggers in 
your mind. As with most things in 
mind mapping, the choice is yours. 


Freeplane provides a way to 
insert your own images into your 
maps. To have the images display 
in the map, freeplane reguires you 
save the image to the local hard 
drive. The recommended practice 
is to have them in the same folder 
as your map. 


HOW-TOÓ 


Written by Elmer Perry 


1L.5.Aki Ole imisih 


Freeplane provides over 90 


: icons in 13 categories and some 
: specialized progress icons. You 

: should think about the power of 
: using icons in your maps. We use 
: emojis, a special type of icon, every : 
: day to convey emotion in our ; 
: messages. Icons can do the same 

: thing in your maps. Use them as 

: keys to trigger your mind to know 
: ata glance what the node is about. : 
: You can display the iconin several : 
: ways, but the most complete 

: options are through the menu. 


; The guickest access to the icons : 
: is through the icon side panel. Click 
: onthe expand arrow on the left- 


hand side of the 
Freeplane window to 
expand the icon sidebar. 


select any icon to add it 
to the currently selected 
node(5). Using the 
keyboard, CTRL - F2 


standard icons. 


In the 
sidebar, table, 
and menus, 


lajalgi 


there are three special icons, the 
: remove icons. The first icon is the 
: remove first icon, the second is the 
: remove last icon, and the third is ; 
: the remove all icons. In the sidebar : 


and the table, they are the first 


displays a table of all the : 


Freeplane - Pt5 


three icons. In the menus, they are 


: thelast menu in Edit : Icons. 


The menus under Edit 5 Icons 


3 gives you the most options and 
: control of your icons. 
From the sidebar, you can : 


Icons from table gives you the 


: same table the CTRL - F2 keyboard 
: shortcut does. 


lcons by category breaks the 


: icons into predefined categories. 

: Keep in mind these categories are 
: only suggestions. You can let the 

: icons mean anything you want as 

: long as it makes sense to you. The 
: categories follow the same order 

: as the icons in the sidebar and 

: table. 


The Progress icon (96) menu 


: contains a special group of icons. 


Progress Sample 


09 


VO 1004 
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Exte nded Progress J 


9 Extended progress TŰ 


Oo Extended progress 254 


1Ű stéps 
YT double-click ta advance 


L. ú CTRL-double-elick to subtract 


the node. 


: The Show intersection of child 

: icons is like Show icon hierarchy 

: with a twist. The setting only 

: applies to children of the node. IF 

: allthe children have a certain icon, 
: a smaller version of the icon will 

: showin the node. This would allow 
: you to see whether a folded node"s 
: children all contain a certain icon. 


1 4 steps 
ai dauble-click ta advance 
(Ül CTRL-rdouble-elick to subtract 


While you will find progress donuts : 
in the icon table, the menu gives 
you the ability to automate your 
progress. These icons are great for : 
tasks lists. I use them when 
outlining and writing. 


the node. The Extended progress 


: comes in two types, 109 and 259. 
: The 10 9 allows for a 10 step 


process while the 259 only 4. 


: Selecting the 1096 or 259 option 
: adds the process donut below the 


: node. Once created, you increase 


The Progress up and Progress 
down change the progress icon in 
the node. When either is first 
selected, the empty donut is 
added. If vou select Progress up, 
the donut increases by 259 until 
the progress donut is full. IFyou 
select Progress down, the donut 
decreases by 259 until the ; 
progress donut is empty. Once the : 
progress donut is full, a green 
checkmark icon is added to the 
node. 


: the value by double-clicking the 

: large progress donut. To decrease 
: the value CTRL 4 double-click. The. : 
: green checkmark icon will showin : 
: the node when the progress donut : 
: reaches 10096. The node willalso.. : 
: show a small progress icon in the 
: node. 


The Show icon hierarchy shows 


: what icons are attached to any 
: nodes belowit. If the nodes 
: underneath the node have icons, 


: the node will display a smaller 


The Extended progress options 


add a larger progress donut below 


folded node, you can still know 
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: what icons are being used on the 
: branch. Should you be looking for 
: a certain icon based on your code, 
: you can know you need to unfold 


; The remove icons menu gives 

: you the Remove First icon, Remove 
: lasticon, and Remove all icons 

; options. 


ev 


92 Child 1 
IV Child 2 
VÍ Child 3 
9? Child 4 


S 


ni Hierarchy 


! 


rv "n 
, — Intersection 


: version of each of the icons. With a : 


? VI Child 1 
! V1r Child 2 
V Ty Child 3 

WGV Ír Child 4 
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IMAGES 


Freeplane lets you insert your 


own icons and images, too. You can : 


insert the images as internal or 
external to the node. In order for 
the images to showin the map, 
you must save the images to the 
local disk. The accepted formats 
are GIF, JPEG/JPG, PNG, and SVG. 


In most cases, you will want to edit 
your image in an editor and scale it : 


: EXTERNAL IMAGE 


down to a useful size in your map. 


INTERNAL IMAGE 


When you insert an internal 
image, the image becomes the 
node core. The image within the 
node core is not scalable, so if you 
want a smaller size, vou will need 
to edit it in advance. To create an 
internal image follow the menus 


Edit : Node core : Image by choice : 
: image atthe top of the node core, 


or link. Use the folders to browse 


to the image location and select it. : 
; external, scalable image in a new 


Internal Image 


external Image 7 


: Click Open to create the image as 


the node core. 


; You can add images to the node : 
: details by drag and drop, copy and 
: paste, and through the menus. In 

: most cases, your need determines 
: your method. 


When you add an external 


; image by drag and drop, the 
: release point determines where 


the image is added. Release the 


and the image becomes an 


Image in Core 


Image in details 


: sibling. But, if you drop the image 
: with the end highlighted, the 

: image becomes an external image 
: ofa new child node. 


When you use the copy and 


: paste method, the image becomes 
: anexternalimagetoanewchild  : 
: node. 


To add an image as an external 


: image of the currently selected 

: node use the menus Edits Node ! 
: extensions 5 Add image. Browse to ; 
: the image you want to add, select 
: the image, and click Open. 


To scale the external images 


: hover over the edges of the image. : 
: A box will surround the image. ; 
: Click and drag to scale the image 
: to size. You can only scale the 

: external images. Internal images 
: are not scalable. 


Icons and images create a 
connection between the visual and 
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the language centers of your brain. 


. Using icons and images in your 

: mind maps creates association and 
: cCues about the content of a node. 
: You can use the existing icon set to 
: create your own coding system as 

: well as adding other images as 

: visual clues. 


8 


Elmer Perry is a technical support 
rep for an international keyless 
access company. He enjoys writing, 
woodworking, and technology. He 
lives in Leicester, NC with his wife. 
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I n FCMHt131 I showed you howto ; 


recognize the state of a switch 
and debug over the serial line. 
After having some troubles with 
the code in this article, I had to 
have a break and get things 
together. So with some delay here 
we are now learning about 


interrupts, what they are and what : : 
: can place code at, which is handled, : 
: ifyou set the bitsin the ; 
: corresponding interrupt registers. 
: For our purposes we have a closer 
: lbookatthe INTO and PCINTO 

: interrupts. Both interrupts can 

: wake the microcontroller from its 
: power saving states which will be 
: evident later on. 


for they are helpful. My apologies 
if this caused some 
inconveniences. 


ÍNTERRUPT SERVICE 
ROUTINES 


An interrupt does what the 
term describes, it interrupts a 
running program - or better: 


HOW-TO 


Written by Boris Breuer 


causes a jump in the program - and : 
! executes another piece of program : 
: code. The so called interrupt 

: service routine". The formerly 

: interrupted program will be 

: executed at the very same stage 
: the interrupt has occurred. The 

: ATTiny13a has ten interrupt 


vectors (or program spaces) you 


For the INTO interrupt you only 


Interrupt Definition 


INTO (PB1 


only) 


PCINTO 
(PBO..5) 


External Interrupt Reguest 0 


Pin Change Interrupt Reguest 0 


Great Cow BASIC - Interrupts 


have one PIN available, the PIN B1 
(PORTB.1). This restriction comes 


: with some advantages, with INTO 
: you could set the trigger to four 

: different states: 

: ejfthe level on PIN is low, 

: e any logical change, 

: s the falling edge or 

: ethe rising edge of the signal (the ; 
transition from the high to the low : 
: level). 


The PCINTO interrupt can be 


: used with all remaining PIN except ; 
: Vcc and GND. The disadvantage of : 
: this interrupt is that it triggers on 
: every transitionandyouhaveto  ; 
: determine which PCINT has fired. IF ; 
: only using one PIN this is a small 
: caveat, butif using more than one, : 
: you would have to determine 

: which one has "pulled the trigger. 
: Another possible solution 

: regarding switches and interrupts 
: would be a polling routine. At 

: certain intervals it would be 

: checkedif a switch was pressed or 
: not. For this you would use the 

: service routine of a timer 

: interrupt, but for one button only, 
: it would be kind of over- 


engineering. So without further 
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: ado, here are some sample codes 
for INTO interrupt routines. 


The following page (top left) 


3 shows a small pull-up version of an 
: INTO service routine in Great Cow 
: BASIC. 


The code to use the Pin Change 
Interrupt service routine instead is 


: shown on the following page at 
: the bottom left. 


DEBOUNCING THE BUTTON 


: PRESSES 


In addition you might not 


: change the state of the LED 

: everytime the interrupt occurs, 

: because the switch could be 

: bouncing or the signal guality is 

: poor. Therefore you could add a 

: simple debouncing algorithm. An 
: example for the pull-up version 

: with the INTO interrupt in Great 

: Cow BASICis shown, page after 

: next, top left. 


And the debouncing routine 


3 with the pin change interrupt in 
" Great Cow BASIC is: 
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HOWTO - GREAT COW BASIC 


HCHIP tinyil3a, 1.2 
HOPTION EXPLICIT 
H$HDEFINE LED PORTB.0O 
$DEFINE TOGGLE PINB.0 
$DEFINE SWITCH PORTB.1 


DIR LED OUT 


DIR SWITCH IN "Data dir. is in, having the switch at PB1 

SET SWITCH — 1 "int. pull-up active, uncomment line if you use an ext. one 
SET LED -— 0 "LED should be off at the start 

MCUCR - 0500000010 "INTO reacts to the falling edge of the signal 

INTO — 1 "Enables the INTO interrupt 


ON INTERRUPT ExtInt0O CALL checkSwitch "define interrupt service routine 


"Main program: 
DO 
LOOP "intentionally left empty 


"Interrupt service routine: 
SUB checkSwitch 

TOGGLE -! LED 
END SUB 


HCHIP tinyil3a, 1.2 
HOPTION EXPLICIT 
HDEFINE LED PORTB.0O 
$HDEFINE TOGGLE PINB.0 
HDEFINE SWITCH PORTB.1 


DIR LED OUT 

DIR SWITCH IN "necessary for all input methods where the switch is at PB4 
SET SWITCH — 1 "comment if you want to use an external 10 kOhm resistor 
SET LED — 0 


PCIE — 1 "Enables the PCINT interrupt 
PCMSK.PCINT1 - 1 "Enables the PCINT1 interrupt only at PortB.1 


ON INTERRUPT PinChange0O CALL checkSwitch 


"Main program: 
DO 
LOOP "intentionally left empty 


"Interrupt service routine: 
SUB checkSwitch 

TOGGLE -! LED 

END SUB 


BREADBOARD CIRCUITRY 


For the test with the internal 


: pull-ups activated you would need 

: an LED, a switch and the 

: microcontroller (circuit on next 

: page, bottom left). Connect one 

: end of the switch to PIN 6 (PB.1) 

: and the other to PIN 4 (GND). The 

: anode of the LED goes toPIN 5 

: (PBO) and the cathode of the LED 

: goes to PIN 4 (GND). After flashing 
: the hex-file and connecting the 

: power supply the LED should go on 
: and off after pressing the switch. 


For testing purposes you would 


: not change the hardware test 

: circuit with above codes, with the 
: pull-down version you would need 
: to change code and also the 

: breadboard circuit. 


: CONCLUSION 


Interrupts permit the 


: programmer to execute code only 

: at a defined situation and give the 

: advantage to give the main 

: program the most computational 

: power while running - except a 

: interruptis recognized - and do not 
: have a need for a breaking 

: scanning routine (e. g. check all 10 


cycles if button is pressed). Or the 
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HCHIP tinyl3a, 1.2 
HOPTION EXPLICIT 
HDEFINE LED PORTB.0O 
H$HDEFINE TOGGLE PINB.0 
H$HDEFINE SWITCH PORTB.1 


DIM BUTTON AS BYTE 
DIR LED OUT 

DIR SWITCH IN 

SET SWITCH — 1 

SET LED —-— 0 


"Data dir. is in, having the switch at PB1 
"LED should be off at the start 


MCUCR - 0500000010 "INTO reacts to the falling edge of the signal 
INTO — 1 "Enables the INTO interrupt 


ON INTERRUPT ExtInt0O CALL checkSwitch "define interrupt service routine 
BUTTON -— 0 


"Main program: 


DO 

IF BUTTON : 3 THEN 
TOGGLE -! LED 
BUTTON - 0 

END IF 

LOOP 


"Interrupt service routine: 
SUB checkSwitch 
DO WHILE SWITCH — 0 
WAIT 1 US 
BUTTON 4-1 
LOOP 
END SUB 


vél. G 6444. 
.... .... 


fritzinc 
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"int. pull-up active, uncomment line if you use an ext. 


one 


other way around interrupts gain 
the developer the possibility to 


: create a power saving device which 
: has the maximum computational 

: power only when needed and does 
: consume as little power as possible 
: the rest of the time. 


: SOURCES 


IfFyou want to download the 


: sources instead of copy-pasting it, 

: you can now check it out with git 

: oran SVN client. Have a look at 

: https://github.com/Anobium/Great 
: -Cow-BASIC-Demonstration- 

: Sources/tree/master/Publication9s 


3 20Solutions/Full9020Circle for 


: more information. 


: REFERENCES 


1. pull-up and down circuitry 


: breadboard-friendly explained, in 

: german https://elektronik.skyline- 
: service.de/elektronik/pullup-und- 
: pulldown-widerstand/ 
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Il wish to thank Evan Venn 


: (Anobium) from the Great Cow 
: BASIC Team for his insights and 
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HCHIP tinyl3a, 1.2 
HOPTION EXPLICIT 
$DEFINE LED PORTB.0O 
$HDEFINE TOGGLE PINB.0 
$DEFINE SWITCH PORTB.1 


DIM BUTTON AS BYTE 

DIR LED OUT 

DIR SWITCH IN "necessary for all input methods where the switch is at PB4 
SET SWITCH — 1 "comment if you want to use an external 10 kOhm resistor 
SET LED — 0 


PCIE — 1 "Enables the PCINT interrupt 
PCMSK.PCINT1 - 1 "Enables the PCINT1 interrupt only at PortB.1 


ON INTERRUPT PinChange0O CALL checkSwitch 
BUTTON — 0 


"Main program: 

DO 

IF BUTTON : 3 THEN 
TOGGLE -! LED 
BUTTON - 0 

END IF 

LOOP 


"Interrupt service routine: 
SUB checkSwitch 
DO WHILE SWITCH — 0 
WAIT 1 US 
BUTTON 4-1 
LOOP 
END SUB 


6 


Boris holds a bachelor degree in 
business administration and works 
for an insurance company. While not 
working, he is a family person and 
enjoys playing with his kids or 
tinkering with his personal projects. 
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ást time I showed you the 

basics of including an Inkscape 
image in a web page by treating it 
as an image object in an HTML 
cimg: tag or via CSS, either by 
exporting as a PNG, or by linking 
directly to the original SVG image. 


other two methods of getting an 
Inkscape image into a web page: 
via the cobject: tag, or through 
the use ofinline SVG. 


At first glance the HTML 
zobject: tag isnt too dissimilar to 
the címg: approach. The "src" 
attribute is replaced with "data" 
and, because cobject: tags can 
include more than just images, we 
have to include a "type" attribute 
that contains the SVG MIME type 


the data will be in. 


2! DOCTYPE html: 
cahtml: 
cxhead: 
Stitle:SVG in HTMLc/title: 
£/head: 


g£body-z 
Zh153OBJECT tagc/h1: 


7/ HOW-TO 


Written by Mark Crutch 


Inkscape - Part 74 


gobject 


: type-"image/svgtxml" 
: data-"circle.svg"5c/object: 
: €/bodyz 


; £/html: 


SVG as an cimgs;: is sandboxed 


This time Im going to consider the : by the browser such that any 
: JavaScript in the file wont run and : 
: no external resources can be 

: loaded (i.e. no web fonts). Even 

: codein the hosting page w hont be 
: able to diginto the contents of the : 
: SVG to dynamically change the 
: image. In fact the SVG image 

: behaves largely the same as a 

: rasterised version of the same 
: picture. 


: With the change from cimg: to 3 
: cobjects comes vastly more power. I 


so that the tag knows what format ; The SVG file is treated as a 


complete, self-contained, 


: document which is allowed to 

: execute JavaScript, load external 
: resources, and even communicate 
: with the host page. In future 

: instalments of this series well 

: explore some of those possibilities : 
: in more detail. 


The fourth and final approach 


: to including SVG in your web page 
: is so-called "inline SVG". Inline, in 

: this case, simply refers to directly 
: intermingling the XML code of 

: your SVG file with the HTML code 
: ofyour web page. For example, 

: heress the code for an HTML page 
: with an inline SVG image of a red 

: circle with a thick black stroke: 


: S IDOCTYPE html: 


: chtml: 

: head: 

; g£title:Inline SVGc/titlez 

: €£/head: 

: bodyz 

: gsvg: 
gcircle 
fill-"red" 
stroke-"black" 
stroke-width-"11" 
cxz 1" 75 tyz " 80 1" 
r-"60O0"5 
£/circlez 

; £/svg: 

: €/bodyz 

: €/html: 


At a glance the code looks 


: pretty straightforward. Most ofFit 
: is just the sort of content you 
: would expect of a typical web 
: page, exceptthatthe contentsin  : 
: the cbodys: tag consist of an csvg; : 
" block, with some SVG code inside 
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: it. The SVG itself is just a single 

: ccirclez element with a few 

; attributes to create the desired 

: result. Its all very neat and tidy. 

: Perhaps too neat and tidy, in fact. 


This code was hand crafted to 


: ensure that only the bare minimum 
: appears in the SVG block. A typical 
: SVG file from Inkscape, on the 

: other hand, is filled with all 

: manner of extra content, most of 

: which isnt necessary when using it 
: in this way. Heress a screenshot 

; from an HTML page that contains 

: boththe hand-crafted code above, 
; and a copy of the XML created by 

: Inkscape for the same basic shape: 


Inline code (hand-crafted) 


Inline code (Inkscape) 
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HOWTO - INKSCAPE 


Can you spot the difference? 
No, me neither. But the top circle 
reguired SVG code amounting to 
107 characters, whereas the 
second used 2118 - nearly twenty 
times as much code for the same 
result! Surely Inkscape can do 
better than that? 


There are two reasons for the 


that a hand-coded SVG image 
always has the potential to be 
smaller than a computer-created 
eguivalent. Inkscape is a general 
purpose tool used for all manner 
of tasks, so it creates general 
purpose Files which are good 
enough for most circumstances, 
but which lack the targeted 


file size down. Unless you want to 
shave every last byte of flab from 
your files its not usually worth 
worrying about this first problem. 
But the second issue is definitely 
worth looking at, as its 
responsible for far more of your 
files expanded girth: XML 
namespaces. 


XML stands for eXtensible 
Markup Language. Yes, I know. I 
can only guess its because ".eml[" 
was already taken as a file 


extension for email Files, and "X" is 
way cooler than "E". But that X or, 


: more to the point, extensibility, is 
:; atthe heart of the file bloat we can : 
: see with Inkscape. One of the more : 
: sensible design decisions in XML 

: was to allow different XML-based 
: languages to coexist, even inside 
: the same document. You can see 
: the remnants of this decision in the : 
bloated file size. The First is simply code above, where we switch from 
: HTML (a not-guite-but-close-to 
: XML language) to SVG, without the : 
: browser kicking up a fuss. Butin 

: this specific case HTML has been 

: extended to allow the inclusion of 
: SVG elements; XML allows such 

: inclusions in a more generic 

: manner, without the need to 

: extend the host language in any 


optimisations that would bring the 3 Sv 


Letss imagine that we wish to 


: combine two XML languages in a 
: single document. The first is our 
: old friend SVG. The second is a new : 
: language Ive just made up for : 
: garden designers - lets callit 

: GardenML. Before you cry foul, 

: XML is explicitly intended to allow 
: you to create your own domain-  : 
: specific languages, so although my : 
: example is a little contrived, it"s : 
: not without precedent in the real 
: world. So, back to the plot: we"ve 


got an SVG file, filled with cpath: 


elements that describe lines in an 
image. But we want to include our 


: GardenML content, which is filled 


with cpath: elements that 
describe... well, paths in a garden. 


: The sort you walk on, made up of 

: bricks or stone slabs, and certainly 
: notthe same thing as a path in 

: SVG. 


How does an XML consuming 


: program reconcile these different 
: uses of the same element. How 


does it know when you re using an 


: SVG cpaths, and when its a 

: GardenML cpath:? The answer is a 
: thing called a "namespace". All 

: XML elements have a namespace, 

: butits usually set as a default for 

: the whole document, then just 

: implicitly used for each element. 

: Heress an SVG document which 

: does exactly that: 


: svg 
: kmlns-"http://www.w3.org/2000 : 
: /svg": 


zpath d-"M 130,70 A 
60,60 0 1,1 130,69.9 z" 


fill-"red" 
stroke-"black" 
widthz"11" /s 


stroke- 
£/svg: 
Notice the "xmlns" (XML 


tag? That defines the default 
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namespace for the document. The 
value is a URI - a Uniform Resource 


: Identifier. It may look like a web 

: address, also known as a URL 

: (Uniform Resource Location), but 

: its subtly different. Whereas a URL 
: points to the location of a resource 
: such as a web page, a URl is just a 

: unigue identifier which doesnt 

: have to have a corresponding 

: resource at the specified address 

: (though they often do). In other 

: words, a URL is a path to a real 

: document, whilst a URI is a unigue 

: string used to make sure that each 
: namespace is distinct from all the 

: others. A URI may also be a URL, 

: but doesnt have to be. 


When a browser sees that the 


: documents default namespace is 
: "http://www.w3.org/2000/svg" it 
: knows that any cpath: elements 

: are SVG paths, not GardenML 

: paths. But suppose we want to 

: create a file that will both display 
: in the browser and can be 

: interpreted by something that 

: understands GardenML. In that 

: case we need to define more than 
: one namespace in the csvg: 

: element, give all but the default 

: one a handy shortcut name, then 

: prefix the elements and attributes 


: NameSpace) attribute in the csvg2 : with the shortcut as appropriate. 


ri contents A 


HOWTO - INKSCAPE 


2svg 


xmlns-"http://www.w3.org/2000 


/svg" 


xmlns : garden-"http://fullcirc : 


lemagazine . org/GardenML"5 


cpath d-"M 130,70 A 
60,60 0 1,1 130,69.9 2" 


fill-"red" 
stroke-"black" 
stroke-width-"11" 
/2 


ggarden:path 
start-"back door" 
end-"shed" 
type-"gravel" /:5 


£/svg: 


This time the default 
namespace is still SVG, so the 
zpath: element still renders in a 
web browser. The second cpath: 
element, however, has a prefix of 
"garden", identifying it as being 
from the GardenML namespace 


browser doesnt try to render the 
second path because it doesnt 
know what to do with elements in 
that namespace - but egually it 
doesnt complain about them 
either. 


By default attributes are in the 
same namespace as their element 
— so in the previous example the 


jé 


£svg 
xmlns 
xmlns: 
xmlns: 
xmlns: 


:de-"http: //pur1.org/dc/elements/1.1/" 
cc-"http://creativecommons . org/nstt" 

rdf-"http: / /www . w3 .org/1999/02/22-rdf-syntax-nstt" 
svg-"http: //www . w3 .org/2000/svg" 


xmlns-"http: //www .w3 .org/2000/svg" 
xmlns : sodipodi-"http: //sodipodi . sourceforge . net/DTD/sodipodi-0. dtd" 
xmlns : inkscape-"http: / /www . inkscape . org/namespaces/inkscape" 


width-"40mm" 
height-"40mm" 
viewBox-"O0 0 40 40" 
version—"1.1" 
id-"svg8" 


inkscape:version-"0.92.2 (unknown) " 
sodipodi : docname-"circle.svg": 


: "d" attribute is in the SVG 

: namespace, whereas the "start" 
: attributeis in the GardenML 

: namespace. But you can prefix ; 
: individual attributes as well, should : 
: you need to. In this example we"ve 
: gotan SVG path to which I ve 

: added some custom attributes of 
: my own: 


; epath d-"M 130,70 A 60,60 0 
dr 180,89.8 €" 
thats defined in the csvg: tag. The : 


fill-"red" 
stroke-"black" stroke- 
width-"11" 


garden: start-"gate" 
garden : end-"front door" 
garden : type-"paved" 


Now all of this might seem a 


ö little esoteric, but there are two 
; reasons for explaining it. The first 
. is that namespaces are integral to 


: XML documents, so when we get 
: round to manipulating Inkscape 

: files using JavaScript a little later 
: in this series youll be glad of a 


good grounding in the topic. The 


: second is thatit explains why our 
: Inkscape generated files are so 

: much larger than a hand-crafted 

: version. Heress the opening csvg: 
: element of a typical Inkscape file: 


Notice all the different 


: namespaces being defined, and a 
: couple of them being used on the 
: last two attributes. The "svg" 

: namespace you now know about, 
: but what of the others? The 

: "inkscape" namespace is used to 

: store extra attributes that hold 

: Inkscape-specific data. Without 

: these, Inkscape would be limited to : 
: the features defined in the SVG 


spec, and wouldnt be able to 
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: provide extra capabilities such as 

: Live Path Effects. The "sodipodi" 

: namespace serves a similar 

: purpose - Inkscape was forked 

: from the Sodipodi program many 

: years ago, but its history lives on in 
: attributes that date from before 

: the split. 


The remaining namespaces are 


: used for the metadata about your 
: document that you can enter into 

: the Document Properties dialog. 

: There are several of them because 
: they each refer to a different XML 
: language. Inkscape could have just 
: used its own namespace for all of 
: them, but by referring to other 

: well-known languages it improves 
: the ability of the metadata to be 


automatically parsed and 


: understood by indexing programs 


or other XML tools. It does bloat 


"n contents 7 


HOWTO - INKSCAPE 


the size of the file guite 
considerably, though. 


An obvious way to reduce the 
file size, therefore, is to remove 
the additional namespaces, 
elements and attributes. Doing 
this obviously compromises the 
SVG file in various ways, from 
removing the editability of 
Inkscape-specific features, to loss 
of metadata. Inkscape does, 
however, provide a couple of 
options for doing this for you. 
Theyre both alternative formats in 
the File : Save As... dialog, but in 
practice I recommend still saving a 
normal Inkscape SVG file, then 


creating your slimline version using : 
File 3 Save A Copy.... This approach : 
: away something important. Be 

: particularly wary of reducing the : 
: number of significant digits too far, : 
: as this will affect the fidelity of ; 
: your image. 


avoids the problem of forgetting 
to save in the full-fat format when 
you ve made an edit, and losing 
data in the process. 


Your first choice is to save as 
"Plain SVG". This strips out the 
proprietary Inkscape and Sodipodi 
namespaces, and their associated 
elements and attributes. It still 
leaves the other namespaces 
intact, so the file will still contain 
any metadata you entered into the 
Document Properties dialog. This 


to an SVG file via the ciímg: or 


zobject: tabs, as it removes the 
data that the browser doesnt 


: understand, but leaves any 

: copyright or license information ; 
: thatyou may have added. With my : 
: simple example file, saving as Plain 
: SVG reduced the file size from ; 
: 2.1kB to 1.3kB. 


The other choice is to save as 


"Optimised SVG". This presents an 
: additional dialog that lets you 

: choose from a wide range of 

: optimisations that can potentially : 
: reduce the file size. Be warned that : 
: this option can lead to guite ; 
: extensive changes in the structure. ; J 
: and content of your SVG file, so 


always test the resultant file to 
make sure you havent optimised 


; When it comes to the additional 
: namespace-related data, there are : 
: a couple of key fields to pay 

: attention to. On the first tab, the 
: "Keep editor data" checkbox 

: determines whether the Inkscape 
: and Sodipodi namespaces are 

: preserved. 

option is ideal for use when linking : 


ha oz sE5.7.7pti ised SVG OuUtpul 
Options  SVGOUutput IDS 


Number of significant digits for coordinates: E) 


7 Shorten colour values 
Convert CSS attributes to XML attributes 


Z Collapse groups 


Create groups for simílar attributes 


Keep editor data 


Keep unreferenced definitions 


: Properties. 


On the second tab, the 


: "Remove metadata" option will 

: lose all the other namespaces, 

: together with any metadata you 

: may have added to the Document 


Options SVGOutput : 1Ds 


Document options 

7 Remove the XML dedaration 
7 Remove metadata 

7 Remove comments 

4 Embed raster images 


Enable viewboxing 


Pretty-printing 

2 Format output with line-bresks and indentation 
Indentation characters: Tab 

Depth of indentation: 1 


7 Strip the "xmkspace" attribute from the root SVG element 


Also on the second tab, pay 


: attention to the Pretty-printing 
: options. Turning this off can 

: reduce the size further, but if 3 
: voure trying to create a fileto put : 
: inline in an HTML page, a little ) 
. formatting can make it a lot easier — 
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to work with. 


So how well does Optimised 


: SVG stack up against hand-written 
: code? It doesnt reach the 107 

: characters of my carefully crafted 

: version, but at 277 characters of 

: Fairly readable SVG it doesnt do 

: too bad a job. For most cases 

: where you want to inline your 

: image into an HTML page it will be 
: good enough, with far less scope 

: For errors than trying to write 

: everything by hand. 


Phew!We"ve covered guite a lot 


: this month, from cobject: tags to 

: XML namespaces. IF all you want to 
: dois to include a staticimage in a 

: web page, stick with the methods 

: described last time. But as we 

: move on to more advanced topics, 
: such as incorporating code into our 
: Files, the details of this article will 

: become more relevant. 


e 


Mark uses Inkscape to create three 
webcomics, The Greys", Monsters, 
Inked" and Elvie", which can all be 
found at 
http://www.peppertop.com/ 


ri contents A 


RESEARCHING WITH LINUX 


Written by S. J. Webb 


Statistical Analysis 


he core of any clinical research: ; 


is this hypothesis statistically 
significant? Il am not a 
biostatistician, but I am often 
asked for basic statistics such as 
standard deviation, mean, and 
intraclass correlation coefficient. I 
have a Perl batch program that 
fulfills these demands. However, I 
am limited by the batch program. I 
only can generate simple tables, 
and no graphs. 


There are commercial resources : 


like Mathematica and Matlab that 
can develop a deeper analysis for 
research data sets. Yet vearly 
licenses and vendor contacts are 


reguired for these products. There 3 


are two other programs available: 
R and Gnuplot for Linux users. 


R is the continuation of a math 
programming code called S. It is a 
full language used by statisticians. 
It is hailed as one of the easiest 
and most robust languages to 
learn and implement for work 
streams. Numerous people are 
learning this language. Further 
information can be found here: 
https://www.r-project.org/ 


Gnuplotis a command line tool 


; that can generate tables and 

: graphs. Gnuplot does not gualify 

: for a totally free and open 

; software. It is free to use, but in 

; the same vein it is similar to 

; Vanderbilts REDCap. It is a closed 
; software tool, but any researcher 
; canuselit. 


When I first used Linux Mint, I 


: attempted to use a front end 

: graphical program of Gnuplot. Yet 
: it was not very reliable nor stable. 
: Irecently became owner to a book : 
: titled Gnuplotin Action: ; 
: Understanding Data with Graphs. I 
: am hoping that my line of research : 
: in motion capture and pressure can ; 
: be turned into graphs instead of 


lit MH FB CZ B KH 0 Li 
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: tables. I review low back pain in 

: the lumbar region and other pelvic 
: landmarks such as the sacrum and 
: pubicttubercles. 


The motion data is generated as 


a comma separated value file. The 


pressure is a tab separated value 
file. I often blend these two Files 


: into one "mega file" that I process 
: into generate a database. I will 

: attempt to utilize the book, and 

: seeifi can apply it to my research 
: line. 


8 


SJ Webb is a researcher coordinator. 
When he is not working, he enjoys 
time with his wife and kids. He 
thanks Mike Ferarri for his 
mentorship. 


ri contents A 


hő month, we looked at 
Ubuntus System Settings and 
we II finish that this time, with 
basics on how to customize the 
Unity desktop. Click the gear icon 
in the upper right: 


In the menu thatcomesup, go :; 
to System Settings, then Keyboard, : 
and well pick up where we left off : 
last month. : 


Most users wont really need to 
tweak the Keyboard settings, 
although you can modify keyboard 
shortcuts and key repeat timing 
here, if voure so inclined (below). 


Personal 
Appearance Brightness a 
Lock 
Hardware 
Bluetooth Color 
tni (UA 
e— 
Printers Sound 
System 
Backups Details 


EVERYDAÁY UBUNTU 


Written by Richard Adams 


Language 
Support 


Displays 


ta 


Wacom Tablet 


Software §. 
Updates 


d 


Online 
Accounts 


Tadgú a 


Keyboard 


o 


Tíme §. Date 


9 


Security § 
Privacy 


. 
Mouse 8 
Touchpad 


o 


Universal 
Access 


System Settings Pt.2 


Text Entry 


ú:1 


Network 


User 
Accounts 


ú 


Power 


Here is the Keyboard shortcuts 


: screen (bottom right). 


Mouse and Touchpad (following 


: page, top leFt) will allow you to 

: change double-click speed, pointer 
: speed, and other mouse-related 

: settings, so it"s worth looking at as 
: part of the fundamental 

: ergonomic experience of working 

: onthe Unity desktop: 


Since your average personal 


: Linux userisnt really going to 

: manually configure networking, 
: well skip that and look at Power 
: settings (following page, top 

: right). 


Shortcuts 


Typing 
Repeat Keys 
07 Key presses repeat when key is held down 
Delay: Short 
Speed: Sow 
Cursor Blinking 
9 cursor blinks in text fields 


Speed: Sow 


Typing Shortcuts 


Navigation 
Screenshots 
Sound and Media 
System 

Typing 

Universal Access 


Windows 


Custom Shortcuts 


Launch calculator 
Launch email client 
Launch terminal 
Launch web browser 
Home folder 

Search 


Key to show the HUD 


Disabled 
Calculator 
Mail 
CtrisAltóT 
www 
Explorer 
Search 
AltL 
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EVERYDAY UBUNTU 


General 
Primary button O Left Right 
Double-dick Sgow —— . Fast 


Touchpad 


Pointer speed 


0 Tapto dick MI Two finger scroll 


9 Natural scrolling 


This is also one of the first 
things I personally adjust when 
setting up a new system, as I think 
the defaults are ridiculously short 
and impractical. I also typically 
dont want my system ever 
suspending on its own when its on 
AC power, FIL always suspend 
manually in that case. You may feel 
differently. 


: .  Printers shows what printers 

: are set up on your system , 

: obviously enough. IE will vary guite 
: abit depending on what specific 

: hardware you have, so well leave 

: that aside for now and look at 

: Sounds (bottom left) 


: You can adjust volume, 
: speakers, balance, and other 


OUtPUL VOLUME: ÉG s————————————— ——-ö  . 
Mute € Allow louder than 1009$ (may distort sound) 


Output input Soundeffects Applications 


Settings for Speakers 


Play sound through 


Balance 


Left Right 


Test Sound 


€2 show sound volume in the menu bar 


aspects of your systems sound 
: characteristics here. 


: pen-enabled screen, like my Fujitsu 
: Lifebook, you will have aWacom  : 
: setting screen where you can make : 
: adjustments to its behavior 


when piugged in 
Suspend when inactíve for Dontsuspend " Dont suspend " 
when the lid is cdosed — Suspend ". Suspend " 
Show battery status in the meny bar when battery ís present " 
Charging - fully charged 
EE ESZES] 
Tip ee . ess affects how much power ís used 


: (below) 


; The Details setting (following 
: page, top left) shows you 
; information on your system. 


If you have a Wacom tablet or 


You can change Default 


3 Applications (following page, top 


Wacom Serial Tablet WACFOO4 


Calibrate 


General Pen 
—— Firm 


Eraser Pressure Feel Soft 


Top Button " Right Mouse Button Click e 


Lower Button " Middle Mouse Button Click e 


Tip Pressure Feel Soft szei Firm 
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EVERYDAY NT 


Overview 


Default Applications 
Removable Media 


Legal Notice 


ubuntu 16.10 


Devícename ! LifeBook-T4215 


Memory 3.2 GB 
Processor intel" Core"2CPUTS600 6 1.83GHZ x 2 
Graphics intel? 945GM 


ostype 64bit 
Disk 487.6CB 


Overview 


Removable Media 


Legal Notice 


web 


Calendar 


Music 


Video 


Photos 


€ Coogle Chrome . 

Mail A Thunderbird Mail . 
Evolution " 

9) Rhythmbox " 

úv deos " 

a Image Viewer " 


right), check your system version, 
memory, disk size, processor, 
graphics card, and manage your 
Removable Media here. 


Default Applications is 


Tíime8§ Date Clock 


Location: New York 


Setthetime Manually O Automatically from the internet 


Tíme 


I definitely worth evaluating, as you : 
: may want to change from the ; 
: chosen defaults, and may even 


: want to do this on multiple 
: occasions over time: 


Chrome may not be your 


: favored web browser, you might 
: want to use another e-mail client 
: instead of Thunderbird, and 

: Rhythmbox might not be your 

: favorite music player. Video and 

: Photo management can also be 

: changed, along with your default 
: Calendar. All these preferences are : 
: likely to change over time for most : 
: users. In fact, I decided to change 
: my own Calendar and Video 

: options while writing this article. 


this month with Time and Date 
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: (bottom left) 


You can set your time zone, 


: time and date, time setting 
: configuration, or adjust your 
: systems clock settings. 


One other aspect we Il touch on 


this month is managing desktop 
: shortcuts (or, technically, Symbolic 
: Links). The Unity desktop in 


previous iterations would not let 
you put shortcuts on the desktop, 


: which I Found annoyingly limiting. 
: Desktop shortcuts can be a great 
: time saver for applications you 

: dont use enough to put on the 

; Were going to look at Software : 
: and Updates in substantial detail 
: next month, so well finish up for 


Launcher, but still use with some 


3 freguency. 


To put a new shortcut on the 


ri contents 7 


EVERYDAY NT 


desktop (or the Launcher), go to 
the Dash and find the application, 
then click and drag it to an open 
area on the desktop, or to the 
desired location on the Launcher, 
then release the mouse button to 
place it. IF its on the desktop, the 
Dash will likely cover the area 
where you want to place it as a 
Final location, but just drag and 


close the Dash and then drag and 
you want it. 


Setting up desktop shortcuts is 


very simple once you know what to 


do, but not necessarily all that 
intuitive if you dont already know 
the procedure. 


You can also organize desktop 
shortcuts into folders by right 
clicking the desktop and selecting 
New Folder, and then dragging 
existing shortcuts into the new 
folder. I find this a much better 
way to organize and access my 
applications than relying on the 
Dash, and well worth the extra 
effort to set up. 


Next time: Updating 
applications and Linux itself. 


Il invite feedback on 


: to articles or content will be 

: considered the property of Full ; : 

: Circle Magazine for publication ; : 1 FULL CIRCLE 
: purposes, without remuneration, WEEKLY NEws 
: unless the writer/commenter ; : 

: specifies otherwise. That said, 
: commentary and feedback are 
: heartily encouraged and 

drop to an open space, minimize or : 
: acerttkubuntu€ogmail.com. 


drop the new shortcut to wherever 3 


easier/better ways to do things. 
Any such submissions in response 


appreciated, at 


Full Circle 
Weekly News 


Join our new hosts Wayne 
and Joe as they present you 
with a short podcast 
(c1Omin) with just the news. 
No chit-chat. No time 
wasting. Just the latest 
FOSS/Linux/ Ubuntu news. 


RSS: 


http://fullcirclemagazine. 
org/feed/podcast 


[c] 


Richard "Flash" Adams spent about 
20 years in corporate IT. He lives in 
rural northwest Georgia, USA, with 
his adopted son, a cockatiel named 
Baby. 
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MY STORY 


Written by Paolo Pelloni 


ast month we ended on a 
happy note, with all the 


information we needed to attempt : 5 
: would be my first python program I! : 
: simple. As inputit reguires the 
: name of the artist, the name of the ; 
: album, the sorting name of the 


to solve the issue at stake. What 


was it? I wanted to be able to enter 
: that road. 


sort information in Rhythmbox in 
an easier way than to do it 
manually track by track. Which is 
boring when all the tracks on the 
same album share the the same 


data, plus it was frustrating that at : 
: command based program to do the : 


3 job. For example some software 


times they even got lost (maybe a 
bug, maybe only my case). We 


figure out that an xmIl file contains : 
: graphical updater, are invoking a 

: terminal command (apt) and then 

: rendering the output in a more 

: friendly way. Thus my decision was 
: made. I was going to write a CLI 

: based program and eventually I/d 

: write a GUI interface on top ofit. 
interface (GUI). The former are the : 
text only ones you launch from the : 
: assumption that it was Fixing 

: something that rhythmbox wasnt 
: doing the way I wanted it. I know 
: its arguable but hey, my 

: application, my name! 

Surely enough a GUI program is : 


the data we want to manipulate 
and python offers an xml library 
ready to do it. So what is next? 


I had to decide if I wanted to 
write a command line interface 
program (CLI) or a graphical user 


terminal, like grep or mp3diags, 
the latter ones are with windows 
and icons like audacity or Gnome 
text editor (gedit). 


nicer and looks like the preferable 


choice. As I said in the introduction : 


my programming knowledge 


3 needed abrushup and! had no 
: experience in linux / gnome 


graphic environment. Add to that it ; 


was very sceptical on going down 


I have also seen that some linux : 


3 applications are CLI based and then : 
: they also have GUI version, which 


looked like it was using the 


management application, like the 


I called it fixrhy on the 


Ready to start my First ever 
python program I launched the 
Gnome text editor which I figured 


: ladded a fifth parameter which FIL 
: talk about later. The output would 


: messages, while the real action is 
: actually manipulating the xm!l File 
: that rhythmbox uses to store its ; 
: database. The full code of the final : 
: version is available here: 
: https: 
: and I would like to go through it 
: not to teach python or 

: programming but to share the 

: logicand its development. I will 
: stop only on significant parts of 
: the program. 


; $t!/usr/bin/python 


execute the code as a Python : 
: program. To me itis the statement : 
" thatl wanted to put in practice 


3 was more than enough for the task ; 
: athand. 


something I learned on Full Circle 


: pages, and knowing that if I need 


I help there ll be a community out 


The logic of the program is very : 
artist and the sorting name of the 


album. After writing the basic code : 


be just some confirmation 


astebin.com/zBuhmi1 


Line 14 is: 


Technically this is needed to 
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there ready to help. I could have 


; used C (or Cs4) that I already knew, 


but that would have taken away a 


: bit of the fun. Learning something 
: newitis always challenging and it 


offers more opportunity of 


: reaching out for others and live in 
; the community. Case in point, I 

: eventually wrote to Greg Walter 

; and Ronnie Tucker (FII come back 
: toitlater on). 


Line 18 is: 


: import xml.etree.ElementTree 
: as ET 


This is reguired to be able to 


: use the ElementTree library to 

: parse XML files. I could have 

: parsed it myself, but it would have 

: been more work for no good 

: reason. IF tomorrow the XML 

: specifications change or evolve 

: you can also count on the library to 
: update along. This means that 

: there are great chances that your 

: code will still work as it is. For that 


reason note that if you google 


: "python xml" that ElementTree 


comes at the top in the official 


ri contents A 


MY STORY 


Python documentation. That gave 
me the peace of mind that I was 
working with a fully supported 
library. 


Line 22 is: 
g" ) 


IFI recall correctly this became 
necessary after struggling with 
accented letters (as in Beyoncé) 
that are guite common in names. 


Next I have to check if I have 
enough information to go on. 
Remember we said we need 4 
pieces of data, 2 to identify an 


2 to set their respective sort 
values. The Fifth parameter is 


information). We do it at line 25: 


if len(sys.argv) c 5: 


Note that we check for 5 since 
the first value is always the script 
name (check 
https://docs.python.or 
ys.html). Lines 26 to 30 print out a 
little help. I wrote them to be 
consistent with typical Linux 
programs, although in the 
beginning this script was mainly 
for me. I tried to think about 


; upy" , 


others and follow standards 
everyone could relate to. Moving 


along youll see that in lines 32 to 
: 35 we save the input data and 37- 
3 40 are to check if there is the extra : 


: Flag "force". 
sys.setdefaultencoding( "UTE- : 


Line 42 and 43 looks like 


; debugging lines: 


; print "Looking for", lk alb, 

: "by",1lk art 

: print "Sorting as", sr alb, 
sr art 


: andindeed they were at the 

: beginning. I kept them there 

: because again I thought that 

: tomorrow I (or someone else) 
album (artist and album name) and : could write a GUI program on top 
: oFit, and that could help if being 
: parsed. 

option (to override existing sorting : ; 
3 jával TIER sázekáke ARA AA ; that, and there is a similar part of 
: into a tree (47) and declaring a 


: couple of counting variables. 


The real processing starts at 


; line 52 where go through every 
e/libraryis ; entryin the tree. Here is just a 

: simple seguence of checks, is it a 

: song? Is it the right artist? Is it the 


3 right album? 


if entry.attrib -- 


I "song! ): 


("egpet; : 
" and create a new one (68-70). Most " 


Es a aj 
entry.find("artist!") .text -—— 


; 1k art: 


LE 


: entry.find("album") .text -— 
: Ilk alb: 


IF any of them is false we can 


: discard that given entry since we 
: dont need to amend tt. 


From line 58 we check if the 


: artist sort information is already 
there. The reason being that if the : (vas write(filename, 
: Field is missing we need to create it : 
: new (60), if it is already there we 

: have to change it (or leave it 

: unchanged). Former case we could ; 
: not modify something not existing, ; 
: latter case we should not create 
3 something thatis already there. 


The rest of the code builds on 


: the album sort information. The 

: only two points I want to make 

: here are that! putin the code the 
: parameter to choose if to modify 
: existing data or not. Personally I 

: would always change it, but I 

: wanted to write a program that 

: eventually could be used by others, ; 
: maybe with different needs. Also 
note that since I couldnt change 


the element if existing I destroy 
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of the print commands are there 
for debug originally and then to be 


: used by GUI as I said before about 
: line 42/43. 


Finally before saving we make a 


: backup copy (always important): 


: shutil.copy2(filename, backup) 


3 and the tree that has been so long 
: in the memory goes in the file. 


xml declaration-True) 


Il am guite happy with my First 


; Python program ever. It does what 


it says on the tin but there is room 


: for much improvements. Amongst 
: them surely pass the file position 

; as aparameter (like this you should 
: runthe script in the folder with the 
: Rhythmbox DB file). The parsing 

: maybe not the most efficient and 

; fast. The naming could be done 

: automatically, for example a clever 
; program could learn that "The 

: Doors" should be "Doors, The" 

; without entering it every single 

: time. And many more, including 


having a GUI. And thats where we 


: are heading to... 


ri contents A 


HOW-TO 


GUIDELINES 


he single rule for an article is 

that it must somehow be 
linked to Ubuntu or one of the 
many derivatives of Ubuntu 


RULES 


e There is no word limit for articles, : 


but be advised that long articles 
may be split across several issues. 


e For advice, please refer to the 
Official Full Circle Style Guide: 
http://bit.ly/fcmwritin 


e Write your article in whichever 
software you choose, I would 
recommend LibreOffice, but most 
importantly - PLEASE SPELL AND 
GRAMMAR CHECK IT! 


e In your article, please indicate 
where you would like a particular 
image to be placed by indicating 
the image name in a new 
paragraph or by embedding the 
image in the ODT (Open Office) 
document. 


Written by Ronnie Tucker 


3 e Images should be JPG, no wider 
: than 800 pixels, and use low 
; compression. 


3 e Do not use tables or any type of 
: bold or italicformatting. 
(Kubuntu, Xubuntu, Lubuntu, etc). 


IF you are writing a review, 


: please follow these guidelines : 


When you are ready to submit 


3 your article please email it to: 


: articleseofullcirclemagazine.org 


: TRANSLATIONS 


IFyou would like to translate 


: Full Circle into your native 

: language please send an emailto.. 
3 ronnieofullcirclemagazine.org and 
; we will either put you in touch with . 
: an existing team, or give you ; 
: access to the raw text to translate 
: from. With a completed PDF, you 

: will be able to upload your file to 

: the main Full Circle site. 
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Write For Full Circle Magazine 


REVIEWS 


GAMES/APPLICATIONS 
When reviewing games/applications please state clearly: 


e title of the game 

e who makes the game 

e is it free, or a paid download? 

e where to get it from (give download/homepage URL) 
e is it Linux native, or did you use Wine? 

e your marks out of five 

e a summary with positive and negative points 


HARDWARE 
When reviewing hardware please state clearly: 


e make and model of the hardware 

e what category would you put this hardware into? 

e any glitches that you may have had while using the hardware? 
e easy to get the hardware working in Linux? 

e did you have to use Windows drivers? 

e marks out oF five 

e a summary with positive and negative points 


You dont need to be an expert to write an 
article - write about the games, applications 
and hardware that you use every day. 
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REVIEW 


Written by Art 


Zorin OS 


] "ve been a Linux fan for close to 
two decades and have used 
Ubuntu derivatives for a good 
chunk of that time. Some of you 
may even remember I wrote a few 
reviews here and there for this 
magazine some time ago. 


In my OS trials I ve come across 


some oddities such as ArtistX (take : 
: oncein a while. 


everything in the store and ram it 
on a DVD and then wonder why 
most of it didrrt work), Pearos 
(made it look so much like Apple s 
OS X they were seen by some as a 
Hackintosh substitute), Ultimate 


a bit of gee-wizardry and dark 
undertones to create a 
hodgepodge thats hard to 
describe), and UberStudent (a top 
notch educational offering that 


should have worked but just never 3 


gained much of a following). 


My major problem then became 3 


gratification, or lack thereof. 
Everybody was so content to be 
like Ubuntu they just stopped 


trying and merely added programs 5 


galore without addressing 
shortcomings or improving much 


3 oFf anything. 


Then came Linux Mint and I 


: didntt look back, especially when 

: Ubuntu went to that awful Unity 

: desktop and started losing market 
: share. It comes with everything I 

: need and little I dont. Even has a 
neat update feature for dummies 


like me that forget to check every 


However, wanderlust got the 


: best of me again so I decided to 

: look at other offerings to play 

: with. ArtistX went bye-bye a few 
Edition (a lot of pizzazz mixed with : 


3 years ago, PearoS (was bought 

: out, changed their name to Pearl 
: OS or Pearl Linux - even they aren t : 
: sure, and became another Ubuntu 
clone), Ultimate Edition defected 

: to KDE but is still as dark as ever, 

: and UberStudent wasnt uber 

: enough and all but stopped 

3 updating nearly 3 years ago (and 

: then the website vaporized, to0). 


Yet others, like base Ubuntu 


: and derivatives that start with K or ; 
: L, were just too plain. I want an OS ; fán 
: thats different, and Im not talking : 


: Ubuntu with flashy wallpapers. 


full circle magazine $134 o 39 


In my research I came across 


: Zorin OS, an Irish offering I spotted 
: a couple of years ago and tried. Its 
: major claim to fame was a switch 

: that allowed users to change the 

: desktop menu and scheme from 

: Ubuntu based to Windows or 

: Apple lookalikes. 


Yippee (all lack of enthusiasm 


: intended). 


Otherwise, it wasnt anything 


Il guess they got the hint and 


]: decided to beef up the "try me" 

: incentives by pulling the Linux 

: version of the automotive shell 

: game (you know, Acura is a 

: gussied-up Honda, Infiniti is Nissan 
: and Toyota cranks out the Lexus 

: line — all at shockingly higher prices 
: than the base models they come 

: from). 


Like your Linux websites short 


: andtothe point? Prefer not to 
: have them resembling the NYC 
: Yellow Pages? 
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REVIEW 


You ve come to the right place 
at www.zorinos.com. Nothing but 
the facts here, ma"tam. Not even a 
good gallery, in my opinion. 


In short, you get your choices, 
what they include, how much they 
cost and what youll need in the 
way of computing power. 


As for the basics, you ll need a 
computer running: 
e Minimum single core processor 
with a 1GHz processor. 
e At least 1GB RAM. 
e 10GB free HDD space for all 
versions but Ultimate and it 
reguires 20GB. 
e Resolution of at least 800x600. 


Lite versions of Zorin drop 
these reguirements to a 700 MHz 


space and 680x400 resolution. 


In short, about any PC sold by 
your local big box store within the 
past decade; however, my guess is 
you ll want more horsepower 
under the hood if voure running 
their beefier offerings such as 
Business or Ultimate. 


As for versions you ll find the 
following (all in 32 or 64 bit 
offerings5): 


Lite. Made for older computers, 
this is free to download and comes 


: in at 1.4GB. As the name implies, 
: its Ubuntu basic in what it offers. 


3 Core. At 1.5GBitincludesafew — : 
; more programs butis still free and : 
: canrun well on newer computers. 


: Business Lite. Contains all the 
: Core programs plus a few more 
5 geared to the business owner with : 
: older computers. Runs €15 per 
: computer, or slightly less than 

: $19USD when I wrote this. It 

: comes at around 2.4GB. 


: Business. Contains everything in 
: Business Lite plus a few other 

: programs thrown in. Slightly over 
: 2.5GB and costs the same per 

; computer as Business Lite. 
processor, 512 RAM, 8GB free HDD : 
: Education. Geared, obviously, to 
: the younger student crowd (many 
: ofthe apps seem to cater to the 

: pre-high schoolers), this version 

: comes with math and science 

: programs. Free to download and 
: comesin around 2.5GB. 


3 Education Lite. You guessed, a 
: smaller version of above running 
: about 2.4GB. Still free. 


Ultimate. As the name implies, 
this is the granddaddy of them all 


: but the 3.6GB download also 
: includes tech support in the price 
: of €19 or a little less than S24USD. 


For those on a budget, like me, 


: you can optto goto 

: www.osdisc.com where a DVD copy : 
: willsetyou back about $8 with 

: shipping (the paya cuttozZorin);  : 
: however, beware of Softpedia.com : 
: where they advertise it for €9.99 
: but then link you to the Zorin page : 
: where it jumps up to €19. It turns 
: out Zorin doubled the price but 

: somebody at Softpedia didnt get 
: the memo. 


As for me, I merely borrowed a 


: DVD from another user. 


REÉVENUES (SALÉS5) 


full circle magazine 4134 o 40 


Il opted to try mine on all old 


. BOGB HDDI had left over from my 

: Windows 7 days and installation 

: wasnit anything painful or slow. In 
: fact, from start to finish took the 

: usual 20 minutes or so and I 

: imagine that time would have been 
: cut substantially had I been using a 
: USB drive to SSD instead. 


Once installed, it does a nice job 


: of booting up within 20 seconds, 
: surprising considering Fm using it 
: on my 7-year-old Dell e6430 

: workhorse and the HDD is an 

: "slow" spinner at 5,400 RPM. 


I was pleasantly surprised to 


find everything worked out of the 
: box; however, there was a 


PROFIT 8. LOSS PROJECTION 


ri contents 7 


REVIEW 


disturbing lack of wireless 
notification. No icon and no nag 
message stating networks were in 
the area. 


Turns out its there, just playing : 


hide-and-go-seek. You must click 
the taskbar area near the clock and 
irl bring up the wireless sub- 
menu. 


Gee, and this is a beginners 
introduction to Linux over 
Windows? Newbies want and 
expect an icon. Come to think of 
it,sodol. 


For those transitioning from 
early Windows (XP through 7) to 


Linux, you might appreciate Zorin s 


attempt to make users feel at 
home. The desktop exudes 
minimalism and functionalism at 
the same time. Plus, there are 
options under settings for those 


desiring a little more visual zest (at 3 
least in paid versions). Click on the : 


desktop switcher and choose 
between Mac OS, Gnome, Unity or 
Windows 7. 


As you might have figured on 
your own, the Gnome versions put 
the menu option in a corner, Unity 
crams everything to the left, Mac 
OS gives you the bottom, center 


BEEE 


mounted, icon bar and Windows 7 


gives you the Windows menu in the 


; corner. By default, its usually 
; Gnome. 


; Then theres the design I cant 
: figure out. You get an icon bar to 
; the right and yet another to the 

: left. When I clicked on it 


; its a work in progress or you re 
; supposed to do something Fm 
: unaware of. 


There is another fault here, 


17:34 


kesz li 
te 


though. The switcher doesnt tell 
you what the designs are meant to 


: represent. You had better know 
: what Mac OS, or any of the others, : 
: look like or youtl be stabbing in 
: the dark. 


And this brings up a point an 


Settings 


ei Settings 


kh Oi 
s 
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For those looking for a little 


. visual pizzazz, there is an option to 
: have a live desktop; however, Zorin 
: offers just one design and youll 

: have to go fishing for the rest (if 

: you go to their website, its the 

: one swirling about there). Ifyou 


: j ; : do opt forit, be prepared to have a 
: observer mentioned. Since all new : 


: ; : RAM usage spike. 
: absolutely nothing came up. Guess : BEER 


Windows computers come with 10 : 
: and 7 effectively ended a few years : 
: ago, why would anybody : 
: transitioning really want the 7 

: design unless thats the last one 
: they have fond memories of? 


As for programs you get the 


i usual inclusions such as LibreOffice 
: (which I upgraded to 6) but youll 
: also Find: 


In the Audio/Visual department: 


; Mixxx DJ, Blender 3D, GIMP Image 
: Editor, LMMS (digital audio), 

: Kdenlive Video editor, MyPaint, 

: Ardour Audio Workstation, 

] : Audacity Sound Editor, Inkscape 
: (Vector Graphics), Builder (for 

: compiling desktop apps5), Kodi 

: Media Center, VLC Media Center, 
"7: Photos (now with better online 

: cooperation with Facebook and 

: Google Photos), Cheese, Brasero 
1: and a few others. 


For the office crowd youtl find 


: FreeCAD, HomeBank (a nice 

: Ouicken sub), VYM (mind 

: mapping), Planner (project 

: planning), Calendar (decent 

: Google interactive substitute), 


ref contents A 


REVIEW 


Referencer (I ve used this in the 
past to log references and produce 
bibliographies), PDFMod, Xournal 
(note taker and personal daily log), : 
CellWriter Dia, LibreCAD and ; 
GnuCash. I purposely separated 
the last two because they are 
effectively repeats of CAD and 
Financial programs mentioned 
earlier. 


First, some taskbar icons seem 
to have an agenda of their own. 


: The wireless icon was adept at 


disappearing and reappearing at 


Second, the software store is a 


5 hit or miss proposition with the 


For the gaming set: Super Tux 
Kart, Xonotic (arena shooter), 
Neverball (one of my personal 
favorites), Neverputt, Pingus, Frets : 
on Fire, Gweled and Warzone 2100. : 
Il probably missed a couple but you 
get the idea. 


And for those looking for the 
internet experience, you ll Find 
Chromium (not Chrome, though), 
Maps (a Google Earth lookalike 
also known as Gnome Maps), and 
Weather (the new Gnome 3 
version, I take it) 


: latter being truer than the former. 
: Often it would open and attempt 
: to install programs of my choice 


and just stall. Not only that, it 
would then lock up my system 


: reguiring a force guit or restart. 


: . Evenwhenit did work the result : 
: appeared laborious with 

: downloads getting off to a grand 
: start and then trickling down to 

: 19905 modem standards or just 

: dying. After a while it just became : 
: frustratingandF!dgobacktothe  : 
: command line to install what I 


wanted. 


Finally, for those who cant 
guite wean themselves off the 
Windows practice, you Il find Wine 
and Play on Linux. 


However, I do have to give 


3 praise to the store design. Its : 
: intelligently designed with a layout : 


: afew other Linux offerings could 


In general, daily operation I 
found Zorin to be okay but with a 
few guirks. 


3 take a clue from. Even a newbie 
: could figure it out. 


Third, and finally, when it 


worked Zorin was indeed speedy 
with programs generally opening 


: in a snap; however, it was prone to : 
: bogging down at the most 
: will along with others like Dropbox. : 
: Mind you, the wireless still worked 
: and Vllassume so did Dropbox, but : 
: theicons werent there. ; 


inopportune times. For example, 


: browser pages would occasionally 


not open and instead post a page 


: about not being there only to open : 
: a couple seconds later. 


Il even thought this might be a 


: Chromium issue and installed 
: Opera, a browser I ve found 
: speedier than Chrome. Nope, that :; 
: didnít help. Same issue would crop ; 
: up on a random basis and not 
: under the same circumstances. 


Oh, if voure wondering, its not 


: RAM overload, either. !m pushing 
: 6GB DDR3 so an open website 

: shouldnt bother the overall 

: operation. 


Not only do you get a stable 
. system, you just saved yourself a 
: few bucks! 


: And, therefore, I can give Zorin 
; OS Ultimate no more than 3 out of 
: 5 stars. For the price reguested it 


: should work much better than it 
; does. 


; If you are interested, Fd advise 
; you start with one of the free 

: versions first and work your way 

: Up. 


kkkirir 


Otherwise, Zorin is just another 


: Ubuntu derivative loaded with 

: programs you might want and 

: some you wont (such as the 

: repeats vou may have noticed in 
: the listings above). 


In fact, heress an idea — 


: download Linux Mint with its 
: predictable, yet reliable, daily 
: operations. Then add any of the 


programs I listed. 
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32-eBir TNG? 


[e many, I am still running a 
couple of 32 bit machines. 
They work fine for what I need 
them to do (browsing, email, and 
the like, no gaming, no intensive 
graphics). They also make good 
machines for people unable to 
afford the latest and greatest. 
There is no reason (yet at least) to 


stop using them. I want to prepare 
for 2020/2023 when it seems there ; 


will be no or few 32 bit Linux OSs 
around and limited if any 
support/updates. 


With the recent 
announcements of suspension of 
32 bit Linux distros, what is a 
person like me to do??? Is there 


anyone around that could write an 


article or two on how to prepare 
for this event. Perhaps 
reviewing/suggesting existing 32 
bit OSs that may survive and 
discuss what will happen to 
programs (sorry applications) as 
well. Might be an interesting read. 
Sorry I am not knowledgeable 
enough to write such a piece. 


IF you would like to submit a letter for publication, compliment 
or complaint, please email it to: letters Ofullcirclemagazine.org. 


PLEASE NOTE: some letters may be edited for space. 


John 


Ronnie says: While I cant vouch 


: for most of the distros in this post 
: from Fossbytes 

:  (https://fossbytes.com/best- 

: lightweight-linux-distros?) it 

: mentions some really good 32-bit 
: friendly distros. 
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FULL CIRCLE 2018 
SURVEY 


It"s that time of the year 
again where we ask what 
you think of FCM, Ubuntu, 
and Linux. 


Some guestions are a 
reguirement, some you can 
skip over if not applicable. 


Your answers will help 
shape Full Circle, so please 
use your constructive 
criticism. IFyou dont tell us 
what you think, or what 

we rre doing wrong, then 
we won t know. 


KELL ETET I 


Join us on: 


) ei go0.gl/ERTMI 


.€ facebook.com/fullcircle 


magazine azine 


"B twitter.com/t!/fullcirclema 
Nine linkedin.com/company/full- 


circle-magazine 


9 sziaetsátó 
isplav.php?f-27 


1 
FULL CIRCLE NEEDS YOU! 
l 
Without reader input j 

A Full Circle  ouldbean ] 
empty PDF file (which I dont j 
think many people would find l 
particularly interesting). We j 
are always looking for articles, j 
reviews, anything! Even small j 
things like letters and desktop ! 
ő l 

screens help Fill the magazine. 
l 

l 

! 

l 

l 

l 

l 

l 

l 

l 

l 

l 

] 

l 

l 

l 

l 


See the article Writing for Full 
Circle in this issue to read our 
basic guidelines. 


Have a look at the last page of 
any issue to get the details of 
where to send your 
contributions. 


n contents A 


Gord will answer them in a future issue. Please include as much 
information as you can about your guery. 


S. A If you have a Linux guestion, email it to: miscOfullcirclemagazine.org, and 


Compiled by Gord Campbell 


IFyourd like to take over, and fill his : 
extra large shoes, drop an email to: : 
ronnieofullcirclemagazine.org and : 
say where youdliketotakethis  : 
column. Changes? Keep it the ; 
same? Let me know. But, obviously, : 
youneedtobeabletodoitevery : 
month. 
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I n many ways I feelIve been 
spoiled in that my entire 
experience with Linux has been 
very graciously blessed with an 
overly-abundant plethora of video 
games. The whole time Ive been 
using Linux there have been more 
than enough video games with 
which to divert my worries, 
challenge my reflexes, relieve my 
stress and inspire me to keep 


creating the same art that has kept : 
: numerous how-to-guides available 


: on the internet) III briefly go over 
: a few basic steps needed to install 
: and play Warcraft III in amodern 


my heart beating since birth. I 
started using Ubuntu back in 2010 
and ever since then, theres been 
an ever-growing flow of Linux- 


native games released. Because Oof : 


such blessing, I ve never had the 
need to rely on simulators. 
However, things werent always 
that way. In fact, even today, the 
amount of games available on 
Linux is perhaps less than 19 oF 
the number of games available on 
Windows. A lot of those games 


can actually be played on Linux via : 


Wine (Wine Is Not an Emulator). 
So, Tve decided to finally give it a 
try at playing a video game 
through an emulator. Recently, a 


friend of mine suggested thatlI try : 


to play World of Warcraft and 


JBUN I U GAMES 


: review it, which FII probably do in 

: the near future but for now I ve 

: gone ahead and installed Warcraft 
: III: Reign of Chaos and to my 

: delight, Ive had some pretty 

: rewarding results. Warcraft III is a 
: fantasy, real-time-strategy game. 


Intended to be played on a 


: computer, Warcraft III can only be 
: played with mouse/keyboard. So, 
: lets get on with it. Without going 


into too much detail (there are 


version of Ubuntu 8. its derivatives 
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(the steps I ve followed should 
work with most releases after 
Ubuntu 14.04). 


Narcrafc III 


: was actually released in April 2018 
: which is pretty impressive for a 16 
: year old game. I was lucky enough 


: toFfind the Warcraft III Battle Chest 


Originally released in 2002, 
Warcraft III is the third game from 
the Warcraft game series. The 
Frozen Throne, an expansion pack 
was released the next year, in 
2003. You can buy Warcraft III 
directly from Blizzardss battle.net 
shop for $9.99 if vou buy only the 
game without the expansion pack. 
This game has been such a big hit 
over the years that Blizzard is still 
actively updating it. The latest 
patch (version 1.29) for Warcraft III : 


9 § Ú m- 40008- 
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: in Amazon for the low price of 

: $6.99 in new condition. The Battle 
: Chestincludes Warcraft III: Reign 

: of Chaos CD, Warcraft III 

: Expansion: The Frozen Throne CD 


and two bonus strategy guides 


: from Brady Games. I was able to 
: install the game from these CDs. 


There are plenty of guides on 


: how to get Warcraft III running on 
: Linux. However, with the new 


release of Ubuntu 18.04, there are 
a few hurdles which I had to jump 
in order to first install and then to 
run the game. VII briefly go over 
these crucial steps which no single 
guide will include. Letss first talk 
about problems you may run into if 
youre using the latest version of 
Ubuntu and a possible solution 
which may work for you. The First 
problem I encountered dealt with 
installing wine. According to most 
of the up-to-date content I found 
regarding the installation of 
Warcraft III on Linux, a regular 
wine version will not sufFfice. 


A 


Instead, it is recommended to 
install wine-staging which is the 
newest version of wine, or as its 
called on the winehag.org website, 


at this time there isnt yet an 
official release key for winehg on 
Ubuntu 18.04 so instead I had to 
do a bit of a runaround. I basically 
tricked my OS into using the 
Ubuntu 17.10 version of the 
winehg release key. 


So, the steps I followed are 
these: 


It was at this step where I first 
ran into problems because the 
release key that were adding is 
not yet an official release for 
Ubuntu 18.04 but its very likely 
that by press time this is no longer 


Warcraft III on Linux its 


recommended to use wine-staging : 


instead of default wine. 


Ea 


an issue. So, lets review: to install : 


Unfortunately, for Ubuntu 18.04 
there is no official repository key 


: for wine-staging so you may need 
: to add it to /etc/apt/sources.list 
the Staging branch. Unfortunately, : 


At the following line, change it 


: from bionic to artful and that 
: should do the trick: 


It should now look like this: 


OK, now we re ready to 


3 continue without interruption as 


Warcraft HI 


INS 11 JINC 


8 


istallling "war3.mpg" 
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follows: 


Most of the steps I followed 


: came from the following video: 


: https://www.youtube.com/watch?t : 


ime continue-38wv-uPPyBkg fNg. 


Now that we ve got wine 
installed we can continue with the 


straight from disc, the location for 
me was: 


The steps to follow are these: 


Notice the space after wine64 


: installation of the game. This part : Ana BErGFE/BSAT AKA JESH SA G6 


: should be easy. Just pay attention : 
: as to the location of the 

: installation Files for Warcraft III, 
: especially the Warcraft.exe file. In : 
: my case, since I was installing 


without saying that the path where 


: you downloaded the wc3 installer 
: should specify the real location of 
: where the installer is. 


0:00.07 top 


0:16.30 


So this leads us to the final part 
of the installation which should be 
pretty automatic, if you have any 


can watch the video. 
You might have to register the 


game by entering the CD key 
provided. Then continue with the 


installation by clicking OK on all oFf : 


the screens that follow. Always 


read before clicking OK just in case 
something else unexpected comes : 


Up. 


Once I had the game installed I 
kept running into problems when 


trying to run the game for the first : 


time. The main problem was that 
although I could hear the game 
running, I couldnt see it. Instead, 
all I could see was my desktop and 
whatever other windows I had 
open on such desktop. Then! 
found out that the game works 
best in linux/wine with opengl in 
native Full Screen so to launch it I 
had to run the following in a 
terminal: 


Having run that command I was 


Finally able to successfully launch 
the game and I ve had zero 


: problems with it ever since. 
guestions at this point is when you : 


Next month well finish this 


; with the actual review of the game 


Install Warcraft III 


View the Manual 


Customer Support 


Exit Installer 
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Oscar graduated from CSUN, is a 
musician, game enthusiast and has 
been working with Bitcoin and other 
alt-coins. You can follow him at: 


PATRONS 


MONTHLY PATRONS 


2016 - Present: 
Bill Berninghausen 
Jack McMahon 
Linda P 

Remke Schuurmans 
Norman Phillips 
Tom Rausner 
Charles Battersby 
Tom Bell 

Oscar Rivera 

Alex Crabtree 

Ray Spain 

Richard Underwood 
Charles Anderson 
Ricardo Coalla 
Chris Giltnane 
William von Hagen 
Mark Shuttleworth 
Juan Ortiz 

Joe Gulizia 

Kevin Raulins 
Doug Bruce 

Pekka Niemi 

Rob Fitzgerald 
Brian M Murray 
Roy Milner 

Brian Bogdan 
Scott Mack 

Dennis Mack 

John Helmers 


JT 

Elizabeth K. Joseph 
Vincent Jobard 

Joao Cantinho Lopes 
John Andrews 


2017 - Present: 
Matt Hopper 
Jay Pee 

Brian Kelly 

J.J. van Kampen 


2018 - Present: 
John Helmers 
Kevin OBrien 
Kevin Raulins 
Carl Andersen 
Charles Stewart 
Dave Nelson 
Brian Bogdan 
Dennis Shimer 


: SINGLE DONATIONS 


2018: 

Yvo Geens 

Graig Pearen 
Carlo Puglisi 
James A Carnrite 
John Holman 

P G Schmitt 
Robert Cannon 


Thomas A Lawell 
Ronald Le Blanc 


Luis Eduardo Herman 


Glenn Heaton 
Peter Swentzel 
Alain Mallette 
Christophe Caron 
Linda Prinsen 
Ronald Eike 
Anthony Cooper 
Louis W Adams Jr 
Joseph Tong 
Robert G. Wells 
Robert Kaspar 
Thomas Gambier 
Peter Fitzsimons 
Terry ONeill 
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The current site was created thanks to 
Lucas Westermann (Mr. Command 8. 
Conguer) who took on the task of 
completely rebuilding the site, and 
scripts, from scratch, in his own time. 


The Patreon page is to help pay the 
domain and hosting fees. The yearly 
target was guickly reached thanks to 
those listed on this page. The money 
also helps with the new mailing list that 
l set up. 


Several people have asked for a PayPal 
(single donation) option, solve added a 
button to the right side of the website 


A big thank you to all those whove 
used Patreon and the PayPal button. 
Is a HUGE help. 


https://www.patreon.com 
fullcirclemagazine 


sith PayPal 


https://pavpal.me/fronnietucker 


https://donorbox.org/recurrin 
-monthly-donation 
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FCMH135 
FULL CIRCLE NEEDS YOU! Deadline: 


A magazine isnt a magazine without articles and Full Circle is no Sunday O8th July 2018. 


Full Circle Team 


Editor - Ronnie Tucker 


! ronnie ofullcirclemagazine.org 


Webmaster - Lucas Westermann 


admin€ofullcirclemagazine.org 


exception. We need your opinions, desktops, stories, how-toss, Release: 


reviews, and anything else you want to tell your fellow "buntu users. Friday 27th July 2018. 


Send your articles to: articles(ofullcirclemagazine.or 


We are always looking for new articles to include in Full Circle. For help and advice 
please see the Official Full Circle Style Guide: http://bit.ly/fcemwritin 


Send your comments or Linux experiences to: letters(ofullcirclemagazine.or 
Hardware/software reviews should be sent to: reviewsofullcirclemagazine.or 
Ouestions for O8A should go to: guestionsofullcirclemagazine.org 

Desktop screens should be emailed to: miscofullcirclemagazine.org 

... Or you can visit our site via: fullcirclemagazine.org 


For the Full Circle Weekly News: L] 


You can keep up to date with the Weekly News using the RSS 
a) feed: http://fullcircleemagazine.org/feed/podcast 


Or, if voure out and about, you can get the Weekly News via 9 
B Stitcher Radio (Android/ioS/web): 
http://www.stitcher.com/s?fid-853478refid-stpr 


es , and via Tuneln at: http://tunein.com/radio/Full-Circle-Weekly- 
§ — News-p855064/ 
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Editing 8. Proofreading 
Mike Kennedy, Gord Campbell, Robert 
Orsino, Josh Hertel, Bert Jerred, Jim 

Dyer and Emily Gonyer 


Our thanks go to Canonical, the many 
translation teams around the world 
and Thorsten Wilms for the FCM logo. 


VA 


Getting Full Circle Magazine: 


EPUB Format - Most editions have a link to the epub file 
on that issues download page. IF you have any problems 


with the epub file, email: mobileofullcirclemagazine.org 


Issuu - You can read Full Circle online via Issuu: 


http://issuu.com/fullcirclemagazine. Please share and rate 
FCM as it helps to spread the word about FCM and Ubuntu. 


Magzster - You can also read Full Circle online via 


Magzster: http://www.magzter.com/publishers/Full-Circle. 


Please share and rate FCM as it helps to spread the word 
about FCM and Ubuntu Linux. 
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